프로젝트 주제회의
- 회의 결과의 핵심 기능을 나열
- 벤치 마킹 앱 서칭
- 기능 관련 토의
스택 조율
- 디자인툴 : Figma
- BE :
- FE :
- DB :
- 배포 :
- 형상 관리 :
- 일정 관리 :
등 순으로 조율한다.
간단한 일정 회의와 주차에 해야할 일들을 나열
스택 조율 부분에서 프론트엔드 스택으로 지금 프로젝트로 예를 들자면
- 라이브러리: React
- 스타일링 : Styled-Components
- 번들러 : Webpack vs Vite
- CI/CD, 배포 : github Action, AWS(EC2 vs S3 + Cloudfront)
- Mocking : MSW
- Routing : react-router-dom
- Linting: ESLint, Prettier
- Stage Management: React-Query(서버 상태), Redux
- 패키지 매니저: npm
- CRA - PWA
- Input Validation: RHK
등 스택을 정하고
프로젝트 구조
를 짠다.
- api
- assets
- hooks
- components
- utils
- constants
- router
- store
- types
- styles
- pages
로 짜게 되었는데 프로젝트 구조에는 정답이없다 airbnb의 GitHub등을 보면서 각자 프로젝트에 맞게 구조를 설계하면 될 것 이다.
일단 우린 피그마로 세부 기능 회의 부터 시작했다.
Figma에서 필수 적인 기능들을 포함한 페이지들의 와이어 프레임을 짜고
그것을 바탕으로 구글시트에 요구 사항 명세서를 작성했다
