zsh에 anaconda 환경변수 추가하기
·
⚙️ 개발 팁 & 노하우/기타
문제oh-my-zsh 패키지 설치 이후 anaconda 명령어가 인식되지 않고, 가상환경도 표시되지 않음 해결 방법 1. anaconda3 설치 위치 확인-> 내 기준 root/opt/anaconda3(~/opt/anaconda3) 에 존재 (접근을 위해 cd .. cd .. cd opt) 2. ~/.zshrc 열고 환경 변수 추가export PATH="/opt/anaconda3/bin:$PATH" 입력확인을 위해 source ~/.zshrc 실행 3. 확인conda --version 4. 터미널에 가상환경 표시하기conda init zsh 이제 터미널에 다시 가상환경 이름이 보임
지극히 개인적인 프론트엔드 개발자의 맥북 초기세팅
·
⚙️ 개발 팁 & 노하우/기타
지극히 개인적인 프론트엔드 개발자의 맥북 초기세팅 1. 크롬 브라우저 설치- 북마크 세팅- 익스텐션 설치(Deepl, React dev tools ...) 2. 터미널 호스트 이름 고정Iterm2를 설치하기 전에는 기본 터미널을 사용해야 한다. 초기화 이후 공용 네트워크에 접속하면 가끔 터미널 호스트 이름이 변경되는 일이 발생한다..  터미널에 아래 명령어를 입력하면 호스트 이름을 바꿀 수 있다scutil --set HostName [새 호스트 이름] 3. Homebrew 설치https://brew.sh/ 공식 홈페이지 참조설치 이후 터미널을 참고하여 path 추가 4. iterm2 설치https://iterm2.com/index.html 공식 홈페이지 참고 5. iterm2 꾸미기5.1. 폰트 설치터미..
<작심삼주 오블완 챌린지>를 소개합니다
·
⚙️ 개발 팁 & 노하우/기타
티스토리에서 작심삼주 오블완 챌린지를 시작한다고 합니다! 📍오블완 챌린지는?- 21일 동안 매일 글쓰기 도전! 📍일정- 2024년 11월 7일(목) - 11월 27일(수) 📍참여 혜택  아래 사이트 방문해서 정보를 확인해보세요!! https://www.tistory.com/event/write-challenge-2024 작심삼주 오블완 챌린지오늘 블로그 완료! 21일 동안 매일 블로그에 글 쓰고 글력을 키워보세요.www.tistory.com
[Tanstack Query] 계정이 바뀌면 캐시된 기존 데이터 지우기
·
⚙️ 개발 팁 & 노하우/프론트엔드
📍목표- tanstack query(react-query, vue-query) 의 캐시된 데이터 전부 초기화하는 방법 알아보기- A계정으로 데이터 페칭 후, 로그아웃. B계정으로 새로 접속 시 A계정으로 불러온 데이터 제거하기 📍현재 상황- vue-query의 useQuery를 사용해서 데이터 페칭 후 캐싱- 로그인 페이지에서 useQueryClient() 를 이용해 queryClient 인스턴스를 선언- Nuxt의 $fetch로 로그인 요청- 로그인 요청이 성공(access token 및 refresh token이 반환됨)하면 queryClient.clear() 를 사용해서 모든 캐시 데이터 제거 시도=> 하지만, 캐시가 제거되지 않음 📍시도한 방법queryClient.clear() 대신- que..
[Next.js] 프로젝트만들고 ESLint, Prettier 설치하기
·
⚙️ 개발 팁 & 노하우/프론트엔드
📍목표- PNPM 패키지 매니저 사용해서 Next.js 프로젝트 만들기- Tailwind 사용 조건으로 ESLint, Prettier 빠르게 설치하기📍create-next-app- create-next-app으로 최신 Next.js 프로젝트 생성- pnpm 사용 npx create-next-app@latest [project-name] --use-pnpm 이후 터미널에서 이어지는 질문에서 ESLint 사용을 체크했다면 ESLint를 설치할 필요 없다 📍Prettier 설치- Prettier 및 Prettier와 ESLint와의 충돌을방지하는 플러그인과 익스텐션 설치- Prettier Tailwind 플러그인도 설치- ESLint Tailwind 플러그인도 설치 pnpm install -D prett..
husky, lint-staged 셋업
·
⚙️ 개발 팁 & 노하우/프론트엔드
📍설치yarn add -D husky lint-staged 📍husky 초기화npx husky init- 그러면 .husky 폴더가 만들어지고, 그 안에 pre-commit 파일이 생긴다- pre-commit 파일에 pre commit hook을 작성할 수 있다- 그리고 설치한 내용을 반영하기 위해 커밋을 한번 해준다 📍husky 테스트- 일단 .husky/pre-commit 파일에 테스트 명령어를 입력해서 pre commit hook이 잘 동작하는지 테스트해본다echo "pre commit hook test"- 빈 커밋 날려보기 (VS Code에서 소스 컨트롤(GUI)로 커밋을 하면 husky 적용이 안되므로 터미널에 입력해야 함)git commit --allow-empty -m "test com..