Overview

• Github에 Repo를 생성해서 코드를 작성하기
  • 과제 요구사항에 따라 코드를 작성하여, Public 리포지토리 생성 후 링크를 제출해 주세요.

Requirements

다음 기능을 갖춘 프로젝트를 만들어가며, 실제 업무에 필요한 필수 역량을 갖추게 될거에요.

1. 회원가입
2. 로그인
3. 권한별 라우팅 제어
4. tailwind(styled-components)를 이용한 스타일링
5. zustand를 통한 client-side 전역 state 관리
6. axios, tanstack-query를 통한 외부통신 및 server-side 전역 state 관리
7. Jest(Cypress)를 이용한 테스트
8. Sentry 도입 및 로그 확인

Day 1 - 개발환경 세팅과 JWT 기반의 인증/인가 구현하기

🚩 Daily 목표

• [ ] Vite + Typescript 기반 프로젝트 설치
  • [ ] zustand, tanstack query, tailwind css(또는 styled-components), react-router-dom 세팅
  • [ ] 환경변수 세팅 및 폴더구조 구성하기
  • [ ] json placeholder를 이용하여 외부 통신 테스트 하기
  • [ ] JWT 기술분석 : access, refresh token의 개념과 관리전략 blog 작성
  • [ ] 회원가입, 로그인, 마이페이지 페이지 컴포넌트 구현
    • 필수기능 : 회원가입, 로그인, 프로필 변경
  • [ ] tailwind 또는 styled-components를 이용한 스타일링
  • [ ] JWT 인증서버를 활용하여 access token 기반 페이지 권한 처리(라우팅 제어)

🧑‍🏫 Daily Task Tip

• Vite에서의 환경변수 관리
• 폴더구조