HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🧑🏻‍💻
박진형
/
🌲
Resume - 형욱 (1)
/
🤔
프로젝트 자세히보기
/
🖼️
프로젝트 관리
/
📋
화이트 보드
/
🎴
08.07
🎴

08.07

  • 스크롤바 관련
    • 지금은 스크롤바가 페이지 전체임.
    • 이걸 스크롤이 필요한 영역만 스크롤이 생기게 하는 게 좋을 것 같음
    • notion image
 
  • 공고 상세 페이지 관련해서 UX 적으로 화살표 이슈가 있음
  • 공고 상세 페이지에서 매칭 신청에 대한 정보가 필요
  • 회원가입 시에 무조건 동네 설정할 수 있게 해야 함
  • 로그인 흐름 처리
    • 로그인 되지 않은 사용자는 /, /signin, /signup 페이지 제외 접근할 수 없음
      • 접근 시 useEffect에서 시작 페이지(/) 로 리다이렉트
    • 로그인 된 사용자는 /, /signin, /signup 페이지에 접근할 수 없음
      • 접근 시 useEffect에서 이전 페이지로 리다이렉트 (router.back())
    • 로그인이 자동으로 풀리는 경우는?
      • 액세스 토큰 만료 && 리프레시 토큰 만료인 경우
        • 이 때는 애초에 브라우저에 저장된 토큰이 없기 때문에 403 반환
        • 그럼 API 요청 했을 때 응답이 403으로 오면 전역에 저장된 유저 정보 삭제하고 로그인 페이지로 리다이렉트 하면 될 것 같음.
      • 로그아웃 처리 관련해서 나중에 확인하면 좋을 것 같은 글
        • Axios Interceptor에서 Hook을 사용하는 방법
          안녕하세요, 이번 포스트에서는 제가 프로젝트를 진행하면서 Axios Interceptor에서 React Hook 및 Custom Hook을 사용하기 위해 고민했던 과정을 소개합니다. Axios Interceptor에 대해 모르시는 분이 계신다면 아래 링크를 통해 공부해 보시길 권장 드려요! 저는 Axios Interceptor를 통해 AccessToken이 만료되었을 때 토큰을 재발급 받아오는 용도로 사용하곤 했었습니다.
          Axios Interceptor에서 Hook을 사용하는 방법
          https://velog.io/@jce1407/Axios-Interceptor%EC%97%90%EC%84%9C-Hook%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95
          Axios Interceptor에서 Hook을 사용하는 방법
    • 이 외에 처리해야 할 흐름은?