[FEAT] Basic Setting & Sign In Page Prototype Implement

[selfishAltruism]

🚩 관련 이슈

• resolve #1

📋 PR Checklist

• Build & Setting

  • 반응형 디자인 기틀 마련
  • Axios Setting (RCC)
  • Fetch Setting (RSC)
  • Web app icon 적용
  • Error boundary setting
  • Loading component 적용
  • 기존 Token 처리 구조 유지
  • 기초 라우팅 처리

• UI

  • Navigation bar 구현
  • 디자인 팀 결과물 기반 로그인 페이지 구현

📌 유의사항

• 현재 개발 서버에 문제가 있어서, 테스트할때는 운영계에 연결해서 했습니다.
  • 직접 실행해보고 싶으시면 주소 변경해서 테스트 하시면 됩니다!
• RSC, RCC 다루는 과정을 모두 확인해보셨으면 합니다.
• Sign in이 RCC를 사용하는 예시고, Home에 간단하게 구현한게 RSC 사용하는 예시입니다.
• config/fetch.ts과 HomeRscService.tsx를 확인해주세요!!
• 현재 RCC에서는 기존과 동일하게 토큰은 변수와 로컬에 각각 저장되고, RSC에서는 쿠키에 저장됩니다~
  • 다른 의견 있다면 언제든 주세요!
• 왜 Prototype 인가요?
  • 반응형 디자인을 못했어요.. 일단 여러분 시작할 수 있는 환경 완성이 우선이라 이정도에서 PR 날리고 이어가겠습니다.
• LGTM 금지

✅ 테스트 결과

• Sign In Email Input
• Sign In Password Input
• Home (0은 토큰 처리가 정상적으로 되는지 확인하기 위해서 던진 API 응답값 중 일부입니다~)
• Board

[Ontheway-01]

저는 굿입니다 고생 많으셨어요 :)

[lee0jae330]

확인했습니다. 세팅하느라 고생많으셨습니다 ! 열심히 해봐야겠네요 : )

[omjinLTS]

확인했습니다. 세팅하느라 고생많으셨습니다 ! 열심히 해봐야겠네요 : )

어허 LGTM 금지입니다~

[selfishAltruism]

개발하는데 틀을 좀 더 잡아줘야 될 것 같아서 이하도 처리했습니다.

• Access token update system (Refresh token 처리)
• Side bar implement
• Sign out setting