728x90

IT 113

nuxtjs3 + django 통합방법

nuxtjs든, nextjs든 비슷할거라 본다. 어쨋든 frontend단에서 뭔가 일어나는것이고,, frontend단은 backend단에 axios던 fetch던 데이터 통신을 통해서 정보를 가져오면되는거다.. 물론 기존 SPA형태가 아닌 SSR까지 들어간다면 backend(django, ruby 등)단의 어플리케이션서버와 node서버가 통신하는 형태가 될것이다. 그래서 cors_origin의 whitelist도 django쪽에 추가도 해줘야되는거고, 암튼 서론은 줄이고 통합을 어떻게 해야되냐.. ssr이냐 csr이냐에 따라 달라지는데, csr의 경우 bundling된 main.js와 같은 파일하나가 떨어진다.. 그 파일을 django쪽 index.html에서 불러오면 되는거고,, ssr이면 index...

IT/Vue 2023.04.07

postgresql 특정ip만 접근 허용

구글링해보면 자료가 좀 나온다. 근데 대부분 public하게 모든 ip에 대해서 허용하는 방법에 대해 질의하거나, ubuntu 20.04기준으로 제대로 작동하지 않는 예제가 다수였다. postgresql.conf 내 관련코드 주석해제 후 모든 ip에 대해서 열면됨. listen_addresses = '*' pg_hba.conf 원하는 ip를 xxx.xxx.xxx.xxx대신 입력. #Add code #Allow All user # TYPE DATABASE USER ADDRESS METHOD host all all xxx.xxx.xxx.xxx/0 md5 # Allow replication connections from xxx.xxx.xxx.xxx, by a user with the host replicati..

IT/postgresql 2022.12.08

vscode에서 eslint와 prettier을 동시사용문제

eslint, prettier모두 code formatter로 사용되어 코드 포매팅이 두번 적용되어 충돌이 생기는 문제를 해결하는 방법이다. 결론은 코드 포맷터로는 prettier를 쓰고 lint체크만 eslint로 하게끔하는 방법에 대한 기술은 아래를 참고해서 취사해서 사용하면 된다. vscode내에 extension만으로 해결할수 있는 방법도 있을듯한데,, 여러 사람이 동시에 쓰려면 아래 방법으로 관리하는게 훨씬 나을듯하다~ vscode extension으로 사용하면 설정 자체도 매번 공유할순 없지 않나.. https://dev.to/studio_m_song/how-to-make-eslint-work-with-prettier-avoiding-conflicts-and-problems-57pi

IT 2022.11.27

ubuntu에서 python 버전 관리하기/poetry 파이썬 패키지 관리

저는 pyenv를 사용하고 있습니다. pyenv의 git repo는 아래와 같구요. https://github.com/pyenv/pyenv 실제 설치 관련해서는 아래 repo가 더 간단하게 나와있습니다. https://github.com/pyenv/pyenv-installer curl https://pyenv.run | bash 실행후 .bashrc 최하단 아래 코드 추가 export PATH="$HOME/.pyenv/bin:$PATH" eval "$(pyenv init --path)" eval "$(pyenv virtualenv-init -)" .bashrc 최하단에 아래 코드 추가후 쉘 재시작을 하면 pyenv 명령이 작동하는걸 확인할수 있어요. pyenv install 3.9.13 pyenv로 특정..

IT 2022.11.25

온라인 기반 웹 부하테스트 서비스 - 직접 사용해본 100%무료

https://loader.io/ Application Load Testing Tools for API Endpoints with loader.io Use the web for quick and easy testing Integrate load testing into your deployment routines loader.io nginx로 vue기반의 정적파일만 제공하는 서버를 구축해놨다. 서버가 저렴한 플랜이라 100~200명이상 동시에 접속해서 정적파일을 요청하는경우 서버에 큰 영향이 없을지 테스트 해보고 싶었다. PC에 깔아서 쓰는것도 많으나, 깔기 귀찮아서 웹에서 바로 쓸수 있는게 있나 싶어 찾아보니 있더라. 위 링크 가서 회원가입 후 서버쪽에 txt파일 넣고 인증해주면 테스트할수 있는 화면으로..

IT 2022.11.02

git config --global core.autocrlf true 했는데도 warning 뜰때

warning: LF will be replaced by CRLF in frontend/index.html. The file will have its original line endings in your working directory 이 워닝을 해결할때 보통 autocrlf true를 켜주면 된다고 한다. 하지만 켜도 안될때가 있다 즉, crlf를 lf로 자동으로 바꿔주는거다. 윈도우 기준 개행을 crlf를 쓰고, 리눅스는 lf를 사용하는데 그걸 맞춰주기 위함이다. 근데 내경우 vue 프로젝트 생성시에 cli가 개행을 자동으로 lf로 만들어주었기 때문에 autocrlf true를 적용해도 새로 만든 파일들은 에러가 안뜨는데, cli로 만든 프로젝트에서는 개행이 lf이기 때문에 lf가 crlf로 바뀐다고..

IT/git 2022.10.28

django + vite + vue + tailwind hmr 환경구축(1)

먼저, 이번 튜토리얼의 목표는 django + vite + vue + tailwind 환경에서 hmr이 정상적으로 작동하는 boilerplate를 구축하는 것이 목표이다. 제가 django + vue연동 과정에서 webpack을 사용했는데,, 프로젝트가 커지면서 어마어마하게 느려져서 이번엔 vite를 도입하기로 마음먹었다. 생각보다 환경구축 과정이 까다로워서 포스팅으로 공유하게 됐다. tailwind에 대해서 이야기를 드리면 taliwind css만으로는 modal이나 다양한 js와 반응하는 컴포넌트들을 만들기가 까다롭다. 그래서 파생되는데 패키지를 추가해줘야되는데 내 경우는 flowbite를 사용하려다가 hmr이 vite환경에서 제대로 작동안해서 현재는 tailwind-elements를 사용하고 있다...

IT/Vue 2022.09.30
728x90