프로젝트 셋팅

최종 수정 : 25.1.4

 

1. 패키지 매니저 선택 : PNPM

프로젝트를 시작하기에 앞서 패키지 매니저들을 찾아봤다. NPM, Yarn, YarnBerry, PNPM 등에 대한 정리를 마쳤다.

 

2. 스택 선정

Next.JS(app), TailwindCSS, TanStack Query, Supabase, GraphQL(Relay), Jotai

 

3. prettierrc 설정

{
  "singleQuote": true,
  "semi": true,
  "tabWidth": 2,
  "useTabs": false,
  "trailingComma": "es5",
  "plugins": ["prettier-plugin-tailwindcss"]
}

 

4. 개발 원칙

항목	이유
mobile first	추후 개발을 쉽게 진행하기 위해
commit message	롤백을 할 때 찾기 쉽도록
브랜치 별로 개발 진행 후 병합	팀 프로젝트를 하는 것 같은 느낌 브랜치 별 커밋을 관리하기 위해
화살표 함수 사용	간결한 코드, 콜백함수 직관적, this 바인딩 명확
컴파운드 패턴	개발을 진행하다가 공통 컴포넌트에 기능이 추가가 필요할 경우, 확장을 용이하기 쉬우므로
우선 개발 후, 리팩토링
컴포넌트 단위로 개발 진행