Whatever I am

  • 홈
  • 태그
  • 방명록

Refresh Token 1

[#1] Next.js 로그인 여부 기반 라우팅 고찰 - 깜빡임 없는 UX를 위하여

구현 목표유저가 로그인이 안된 상태라면 로그인 화면(A)을 보여주고,로그인이 된 상태라면 이 유저가 커플인지 여부에 따라 커플 연결 화면(B), 커플 화면(C)을 보여주어야 한다. 현재 구현로컬 스토리지에 저장된 access token을 가지고 유저 정보에 대한 요청을 보내면 유저 정보를 가져온다.만약 실패한다면 로그인하지 않았다고 판단하고, A 화면으로 리다이렉트한다.유저 정보가 존재한다면 커플 정보 요청을 보내고,커플이 아니라면 B 화면으로 리다이렉트, 커플이라면 C 화면으로 리다이렉트한다. * 문제점화면 로딩이 한번 이루어지고 난 다음에 api 응답 결과에 따라 replace 처리를 했기 때문에 화면 깜빡임이 불가피하게 발생했다.이 깜빡임이 매우 거슬려서 화면이 렌더링되기 전 SSR 단계에서 로그인..

🎥 개발 비하인드/BitO 2025.06.16
1
더보기
프로필사진

글쓰기 | 관리자 | 방명록

  • 분류 전체보기 (64)
    • 🎥 개발 비하인드 (24)
      • Linkit (2)
      • 두더지큐브 (2)
      • mole-toast (3)
      • BitO (6)
      • Collector (9)
    • 🚩 바닥부터 시작하는 코테정복기 (12)
      • Javascript (2)
      • Kotlin (10)
    • 🤓 TIL (28)
      • Git (1)
      • 웹 (5)
      • 안드로이드 (22)

Tag

SEO, Kotlin, ga4, Android Studio, CLF-C02, Refresh Token, SSR, toast, AWS, android, 서버컴포넌트, Google Sign In, 쿠키, access token, 타이머 구현, 세션스토리지, PWA, npm, Next.js, Room,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Calendar

«   2026/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :
BoeunHan GitHub

Copyright © beboeun All rights reserved.

티스토리툴바