개미생활 클론 코딩
목표
- 프로젝트에서 주로 사용하는 기능과, 툴에 익숙해지기
- 유지보수 하기 좋은 코드를 위해 어떤 것 을 신경써야 하는지
- UX 를 개선 시키기 위해 어떤 처리를 해야하는지
주요 기능과 툴
- Styling -> Chakra-UI
- Form Logic -> React-Hook-Form
- State Management -> React Context
- Network -> Axios, React-Query
개발 우선 순위
- 구현 및 일정
- 유지 보수 고려
- 가독성
- 안정성
- 최적화
설치
“next-init2.0” 프로젝트 생성
보일러 탬플릿 → Link
- 위의 링크를 클릭해서
next-init-2.0
을 기반으로 한 템플릿 리포지토리를 생성해주세요. 리포지토리의 네이밍은front-onboarding-<본인이니셜>
로 통일합니다. ex)front-onboarding-tok
(use this template을 사용하면 기존의 commit history를 제외하고, 리포지토리를 생성 할 수 있습니다.)
온보딩 프로세스 진행을 위한 server 프로젝트 클론
Server → Link
- 위의 링크 클릭하여 온보딩 프로젝트에서 활용할 server 프로젝트를 클론해주세요.
yarn
커맨드를 사용하여 의존성 파일들을 설치하세요.yarn start
커맨드를 입력하여 온보딩 프로젝트에서 사용할 서버를 구동합니다.- https://localhost:4000/api-docs 에 접근해서 swagger 확인하기