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

🚩 Daily 목표

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

Day 2 - 테스트 코드 작성 및 배포

🚩 Daily 목표

• [x] 유닛 테스트 기술분석 : 왜 필요한지, 어떤 라이브러리가 있는지 관련 blog 작성
  • [x] Jest 기반 유닛 테스트 코드 작성 및 테스트
  • [x] Day 2에서 작성했던 컴포넌트 중, 유닛 테스트 2회 이상 수행하기
• [x] 기술분석 : 프론트엔드 에러 모니터링, 로그 데이터 수집의 필요성 관련 blog 작성
  • [x] Sentry 기반 애플리케이션 에러 모니터링
  • [x] vercel을 이용한 배포