1일차

작업 내용

• React Router를 이용하여 SPA 방식의 페이지 이동 구현
• 로그인 페이지, 회원가입 페이지, 메인 페이지, 지도 페이지, 운동 루틴 페이지, 캘린더 페이지 라우터 구성
• 로그아웃 상태에서는 주요 기능 페이지 접근 전 로그인 페이지가 먼저 출력되도록 보호 라우터 구현
• React.lazy와 Suspense를 사용하여 페이지 단위 코드 스플리팅 적용

Troubleshooting

• 로그아웃 상태에서도 URL을 직접 입력하면 기능 페이지에 접근되는 문제가 발생
• 로그인 여부를 확인하는 보호 라우터를 따로 만들어 로그인하지 않은 사용자는 로그인 페이지로 이동하도록 수정
• 페이지를 한 번에 불러오면 초기 로딩이 무거워질 수 있어, 각 페이지 컴포넌트를 lazy import 방식으로 분리

2일차

작업 내용

• 회원가입 기능 구현
• 이름과 비밀번호를 입력받아 로컬스토리지에 저장
• 로그인 시 로컬스토리지에 저장된 회원 정보와 입력값을 비교하여 로그인 처리
• 로그인 성공 시 메인 페이지로 이동
• 로그아웃 기능 구현 및 로그아웃 시 로그인 상태 초기화

Troubleshooting

• 새로고침 시 로그인 상태가 초기화되는 문제가 발생