onlyou v2 front 개발 환경 Next.js 구동 pakage.json 의 dependency를 사용 중 pakage.json 의 "scripts"의 dev로 로컬 개발환경에서 구동 (required) 환경변수 파일(.env) 설정 {{비공개}} (conditional) dependency 설치 npm install Next.js 개발 환경으로 구동 npm run dev 구동 확인 http://127.0.0.1 개발 배포 테스트시 {{비공개}} API 통신 구조 로컬 환경에서 개발 시에는 Next.js의 proxy기능으로 API 통신 develop & production 배포 상황에서는 proxy하지 않고 client에서 직접 통신함 Axios사용과 연관성이 있으므로 해당 사항을 인지해야함 백엔드 API 주소는 NEXT_PUBLIC_V2_BACK_URL 로 https://{주소} 형태로 저장해야함 Middleware 와 Axios 회원 페이지와 비로그인 페이지를 middleware가 관리함 회원의 로그아웃을 middleware (프론트)에서 관리함 로그아웃 원리는 Axios authed 통신에서 access token 유효하지 않을 때 refresh token으로 access 재발급 및 API 통신 시도 재발급 및 통신 시도 실패시 signout 페이지로 이동하며 middleware가 access, refresh token을 삭제함 해당 로직은 middleware와 authedAxios 소스코드 참고가 필요함