개미생활 클론 코딩

프로젝트를 클론코딩 하면서, 똑똑한 개발자에서 주로 사용하는 라이브러리를 경험해 보세요

• 피그마 시안

목표

• 프로젝트에서 주로 사용하는 기능과, 툴에 익숙해지기

• 유지보수 하기 좋은 코드를 위해 어떤 것 을 신경써야 하는지

• UX 를 개선 시키기 위해 어떤 처리를 해야하는지

주요 기능과 툴

• Styling -> Chakra-UI

• Form Logic -> React-Hook-Form

• State Management -> React Context

• Network -> Axios, React-Query

개발 우선 순위

1. 구현 및 일정

2. 유지 보수 고려

3. 가독성

4. 안정성

5. 최적화

설치

“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 확인하기