본문 바로가기

기타17

Query Keys를 관리하는 기준과 방법 https://velog.io/@bo-like-chicken/Query-Keys%EB%A5%BC-%EA%B4%80%EB%A6%AC%ED%95%98%EB%8A%94-%EA%B8%B0%EC%A4%80%EA%B3%BC-%EB%B0%A9%EB%B2%95 Query Keys를 관리하는 기준과 방법 Query Keys 관리의 중요성, 작성하는 기준과 방법에 대해서 알아보았습니다. velog.io 2024. 3. 28.
[번역] React Query 적으로 사고하기 https://velog.io/@seungchan__y/React-Query-%EC%A0%81%EC%9C%BC%EB%A1%9C-%EC%82%AC%EA%B3%A0%ED%95%98%EA%B8%B0 [번역] React Query 적으로 사고하기 React Query Maintainer인 Tkdodo가 알려주는 리액트 쿼리적으로 사고할 수 있는 3가지 요소들을 다루어봅니다. velog.io 2023. 6. 26.
VSCODE에서 ChatGPT 사용하기 요즘 일하면서 구글링보다 ChatGPT의 도움을 많이 받고있다. 이 ChatGPT를 VSCODE에서 사용할 수 있는 익스텐션이 있다해서 사용해봤다. VSCODE 익스텐션에서 AICodeHelper 라고 검색하면 아래같은 익스텐션이 나온다. 설치해주고 아래 링크에서 API Key를 발급받아 사용해야한다. setting에 들어가서 AICodeHelper 익스텐션을 찾아 발급받은 키를 넣어준다. 한글로 언어 변경도 가능하다. 원하는 코드를 긁어서 코드리뷰, 주석달기, 리팩토링도 가능하다. Ctrl + Alt + Shift + C 코드리뷰 Ctrl + Alt + Shift + Z 주석달기 Ctrl + Alt + Shift + G 코드생성 Ctrl + Alt + Shift + R 리팩토링 Ctrl + Alt + .. 2023. 3. 20.
Git Branch 전략들 1. git flow 대규모 프로젝트에 적합하며, 5가지의 브랜치가 존재한다. master - 배포시에 사용되는 브랜치 develop - 다음 배포 버전을 준비하는 개발 브랜치 feature - 단위 기능 개발을 위한 브랜치, develop 브랜치에 merge release - 배포전에 테스트하는 브랜치, master에 merge hotfix - master에 버그가 있을 경우 긴급수정 후 master, develop에 merge 계획적인 릴리즈를 가지고 스케줄이 짜여진 대규모 프로젝트에는 git flow가 적합하지만, 일반적인 프로젝트에서는 불필요한 절차들이 많아 생산성이 떨어진다. 2. github flow git flow가 복잡하여 github에서 나온 전략 hotfix나 feature 를 구분하지.. 2023. 1. 4.
Prettier 설치와 기존 파일 포맷팅 설치 npm i --save-dev -g --save-excat prettier 현재 프로젝트에서만 사용한다면 -g는 생략해도 된다. --save-exact로 정확한 버전을 설치한다. 설정 루트경로에 .prettierrc.js 혹은 .prettierrc.json 파일을 만들어준다. { "singleQuote": true, // single 쿼테이션 사용 여부 "semi": true, // 끝에 세미콜론 사용 여부 "tabWidth": 4, // 탭 너비 "vueIndentScriptAndStyle": true, // Vue 파일의 script와 style 태그의 들여쓰기 여부 "printWidth": 120, // 줄 바꿈 할 폭 길이 "arrowParens": "avoid" // 화살표 함수 괄호 사용.. 2022. 9. 6.
package-lock.json npm을 사용하면 package.json, package-lock.json 파일이 생깁니다. package-lock.json 파일은 node_modules나 package.json파일을 수정하면 생성되는 파일입니다. package-lock파일은 node_module이나 package.json이 수정되는 경우 생성되거나 업데이트되면서 당시의 의존성에 대한 정보를 가지고 있습니다. 같이 협업을 할때 package.json만 커밋하고 package-lock.json을 커밋하지 않는다면 반대쪽 사람이 npm install을 할때 일부 버전이 다르게 설치되어 오류가 발생할겁니다. 그러므로 package-lock.json 파일도 저장소에 같이 커밋을 해줘야합니다. 2022. 4. 4.