saygpt_logo

로그인 계속 유지되게 하고 싶을 때, 이렇게 물어봐요

지피티갓
2,345
1 0
Next.js 프로젝트에서 사용자 로그인 상태를 유지하는 기능, 처음부터 직접 짜려면 은근히 복잡하잖아요.
JWT를 활용하면서도 보안까지 고려하려면?
아래처럼 프롬프트를 활용하면 백엔드-프론트엔드 연동까지 깔끔하게 구현 가능해요!
디자인은 각자 입맛대로 입히면 되고, 기본 틀부터 같이 만들어봐요

프롬프트

복사
넌 Next.js 13 이상(App Router 기반)을 활용한 모던 웹 애플리케이션 구축에 능숙한 시니어 풀스택 개발자야. 나는 현재 로그인 유지 기능을 구현하고자 하는데, 다음과 같은 조건과 환경을 바탕으로 완성도 높은 인증 로직을 구현하고 싶어. 아래 내용을 기반으로 전체 구조와 코드를 작성해줘.

[프로젝트 환경]
- 프론트엔드 및 백엔드 모두 Next.js App Router 기반
- 클라이언트와 서버 모두 Next.js 내에서 동작 (API route 사용)
- TypeScript 사용
- 데이터베이스는 PostgreSQL (prisma ORM 사용)
- JWT는 access token과 refresh token을 모두 사용하며, access token은 httpOnly 쿠키에 저장

[기능 목표]
1. 로그인 기능
   - 사용자가 이메일/비밀번호로 로그인 시 access token과 refresh token을 발급
   - access token은 httpOnly 쿠키로 설정하여 클라이언트 JS에서 접근 불가하게 함
   - refresh token은 서버 DB에 저장 및 함께 쿠키에도 저장
   - 비밀번호는 bcrypt로 암호화되어 검증됨

2. 로그인 상태 유지
   - 사용자가 페이지 새로고침하거나 재방문해도 access token이 쿠키에 있으면 자동 로그인 처리
   - access token이 만료되었을 경우 refresh token으로 access token 재발급
   - refresh token의 유효성, 탈취 방지를 위한 보안 고려 포함

3. 서버사이드 렌더링에서의 인증 유지
   - `getServerSideProps`나 App Router의 `server component`에서 쿠키를 파싱하여 사용자의 로그인 여부 판단
   - 유효하지 않은 토큰이면 로그인 페이지로 리디렉션 처리

4. 로그아웃 기능
   - access token과 refresh token 모두 쿠키에서 제거
   - DB에 저장된 refresh token도 삭제하여 재사용 차단

5. 보안 고려사항
   - JWT 토큰은 서명(Sign) 알고리즘은 HS256 사용
목록

댓글 작성

돈이 돈을 부르는 전략 프롬프트

"열심히 일해도 왜 돈이 늘지 않을까?" 30대 직장인 한씨의 현실적인 고민이었습니다.월급은 꾸준히 받고 적금도 넣고 있는데...

매뉴얼도 결국 사람 말로 써야 한다

신입이 자꾸 묻는다 “이건 왜 이렇게 해요?” 그때마다 내가 말한 대로인데도 다르게 이해하더라 그래서 그냥 문서로 박아두기...

프롬프트

ChatGPT

회의 지옥에서 탈출한 3시간의 기적

minji92

ChatGPT

투자의 길목에서 마주한 선택, 당신은 어떻게 하시겠습니까?

나도몰라요

ChatGPT

페르소나 작성, 성공 마케팅의 첫걸음

얼죽타인

ChatGPT

맞춤형 학습으로 아이들의 잠재력을 깨우다!

핑크논리

ChatGPT

테스트 자동화로 코드 품질을 지키는 비밀 병기

티끌모아밈

ChatGPT

팀워크가 빛나는 순간, 갈등을 기회로 만드는 리더십!

뇌빼고접속

ChatGPT

한계를 넘어, 창의력의 문을 여는 7가지 비밀

댓글주술사

ChatGPT

예술가의 숨결, 창작의 순간을 포착하다

대충진지함

ChatGPT

시간은 금! 집중력으로 업무 효율을 극대화하는 법

어제도오늘도

ChatGPT

코드가 숨 쉬는 순간, 최적화의 마법을 경험하다!

초록줄무늬

ChatGPT

“틀을 깨는 생각, 창의력의 비밀을 파헤치다!”

말풍선수집가

ChatGPT

내 지갑을 지키는 5단계 금융 계획의 힘

푸른하루

ChatGPT

온라인 강의, 지루함을 깨는 몰입의 기술!

초코송이단

ChatGPT

코드 리뷰, 팀워크와 품질을 동시에 잡는 비밀 무기

junho_log

ChatGPT

프롬프트 작성, 이렇게 하면 AI가 더 똑똑해진다!”

감성러버

ChatGPT

색과 감성의 춤, 내면을 깨우는 예술의 순간

혜린이모드