- Next.js 공식문서를 보고 공부했다. (CREATE YOUR FIRST APP, typescript)
- 프리온보딩 복습(1주차 목) ⇒ 한 번 읽고 다음에 해당 내용들 정리 (React 성능 향상은 나중에)
- 리액트 공식문서 - 리액트로 사고하기
디렉토리에서 폴더 및 파일 네이밍도 잘 생각하고 짓자.
폴더 구조
├─ utils //중복되는 함수
├─ constants //상수화 데이터 관리
├─ api //중복되는 API 호출 함수 관리- 목적 : 용도에 맞게 폴더를 구분.
- 장점 : 코드의 가독성을 높이고 유지 보수가 쉬운 프로젝트를 만들 수 있다.
- 단점 : 초기 설계 비용이 크다.
깃 커밋 메시지 컨벤션 (Git Commit Message Convention)
- feat : 새로운 기능 추가 (a new feature)
- fix : 버그 수정 (a bug fix)
- docs : 문서 수정 (changes to documentation)
- style : 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우 (formatting, missing semi colons, etc; no code change)
- refactor : 코드 리펙토링 (refactoring production code)
- test : 테스트 코드, 리펙토링 테스트 코드 추가 (adding tests, refactoring test; no production code change)
- chore : 빌드 업무 수정, 패키지 매니저 수정 (updating build tasks, package manager configs, etc; no production code change)
- design: 사용자 UI 디자인 변경 (CSS 등)
ex) feat: 동적 크기를 위한 레이아웃 컴포넌트 생성
상수는 모두 대문자로 해서 관리.
