next.js 에서 로그인에 관하여
138
작성한 질문수 17
안녕하세요 제로초님, 로그인 관련해서 어려움이 있어서 질문드립니다.
현재 사용하고 있는 기술 스택은 다음과 같습니다.
프론트 : next.js/백엔드 : express
로그인을 구현했고 백엔드에서 토큰을 만들어서
refreshToken 은 httpOnly cookie 에,
accessToken 은 응답 바디에 넣어서 보내주도록 만들었습니다.
라이브러리 사용하지 않고, next.js 에서 로그인 api 호출하고
token 은 전역으로 관리하고,
토큰 만료시 토큰 재발급하고,
새로고침 시에도 로그인이 유지되도록(httponly 쿠키로) fetchWrapper 을 따로 만들었습니다.
-> fetch 은 axios 와 달리 interceptor 같은거 못사용하니까요
하지만 이는 클라이언트 컴포넌트에서만 가능하고, 서버에서는 토큰 만료시 재시도 로직이 불가능하다는 것을 알게되었습니다.
코드도 지저분해지는 것같고.. 그래서 다른 해결책이 있나해서 이 강의의 로그인 부분을 보고있습니다.
근데 auth,js 는 env 에 jwt secret 키를 넣어야하는걸 보니 클라이언트에서 토큰을 관리하는 것 같더라구요
제 생각은 auth.js 는 백엔드 서버에서 쿠키를 관리하는 방식과 함께 사용하기에는 맞지 않다는 느낌을 들었습니다.
그래서 next.js 에서 로그인 및 권한 관리를 쉽게 사용하려면 결국 auth.js 를 사용해야만 하는 것인지.... 궁금합니다. 그렇게된다면 백엔드에서 토큰 만드는 로직을 없애는 것이 맞는지 궁금합니다.
감사합니다.
답변 1
0
서버에서도 토큰 만료시 재시도를 하시려면 액세스토큰도 쿠키로 갖고있으셔야지만 가능합니다. 그래야 서버에서 엑세스토큰에 접근해 토큰 만료가 되었는지 체크할 수 있고, 재시도도 가능합니다. 그렇게 한다면 auth.js도 같이 쓰실 수 있지 않나 싶습니다.
캡처링부분 질문있습니다.
0
71
2
깃에 소스코드를 찾을 수 없습니다.
0
112
2
useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩
0
97
1
import 파일 경로를 찾지 못 해서 에러가 발생합니다.
0
108
2
css 라이브러리 추천 부탁드립니다
0
140
2
팔로우 추천 목록이 빈 배열로 들어옵니다.
0
129
1
게시물 업로드 시 userId가 undefined로 들어가는 오류
0
118
1
useSuspenseQuery 사용 시 SSR 401 이슈 관련
0
168
1
리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??
0
184
3
폴링이 필요없는 이유
0
93
2
next Request Memoization과 react cache
0
107
2
seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?
0
83
2
next.js 서버fetch 에러 fallback ui 구현 방법
0
173
2
프레임워크 여론 파악법
0
124
2
필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??
0
101
2
서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.
0
102
2
template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈
0
65
2
Auth.js 사용 시 authorize 함수가 호출되지 않습니다
0
131
2
Next의 route handler에 대한 질문이 있습니다.
0
101
2
게시판 리스트 만들때 use client를 어디서부터 집어넣어야할지 모르겠습니다
0
95
2
프라이빗 폴더를 해야 하는 이유가 모호한 것 같아요.
0
81
2
vanilla-extract 못찾는 문제
0
223
2
fetch 캐싱과 revalidate 관련
0
81
2
강의 듣는 방법
0
101
2