개미생활 클론 코딩
프로젝트를 클론코딩 하면서, 똑똑한 개발자에서 주로 사용하는 라이브러리를 경험해 보세요
목표
프로젝트에서 주로 사용하는 기능과, 툴에 익숙해지기
유지보수 하기 좋은 코드를 위해 어떤 것 을 신경써야 하는지
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 확인하기
Last updated