공지
![📢[필독] GPT 프롬프트 커뮤니티 이용 가이드](https://aitoolsbee.com/wp-content/uploads/2025/04/KakaoTalk_20250624_123244101.png)
회사에서 Next.js로 로그인 기능을 구현하고 있었어요.
이메일/비밀번호 기반 로그인은 금방 만들었는데,
**“로그인 상태 유지 + JWT + 쿠키 보안 처리”**까지 손보려고 하니
생각보다 설계가 꽤 복잡하더라고요.
쿠키 설정 하나만 잘못해도 로그인 유지가 안 되고,
서버-클라이언트 간 인증 흐름은 항상 머리 아픈 주제잖아요? 😵💫
그러다 ChatGPT한테 제대로 요청해보자는 생각이 들어서
실제로 사용하는 기술스택과 보안 요구사항을 정리해서 프롬프트를 던졌습니다.
결과요? 깔끔하게 설계된 구조, JWT 발급 로직, 쿠키 처리,
심지어 클라이언트 로그인 버튼까지… 완전체로 받아냈습니다.
덕분에 하루 이상 걸릴 걸 2시간 안에 마무리하고 퇴근했죠.
👀 ChatGPT가 생성한 실제 응답 중 일부
먼저 access token과 refresh token을 발급하는 login API를 작성하겠습니다.
로그인 시 JWT를 생성해 httpOnly 쿠키로 클라이언트에 설정합니다.
쿠키는 다음과 같은 옵션을 사용합니다:httpOnly: true,secure: true,sameSite: 'Strict'.
이후 사용자가 서버 사이드 렌더링 페이지를 방문할 때, 해당 쿠키를 읽어 인증된 사용자로 처리합니다.
refresh token은 DB에 저장하며, access token이 만료됐을 경우 refresh endpoint를 통해 재발급할 수 있습니다.
아래는 전체 흐름에 대한 코드입니다…
→ 정말 필요한 구조만 딱 골라서 설명해주고,
직접 구성하려면 최소 반나절은 걸렸을 분량이었어요.
프롬프트
복사
넌 Next.js 13 이상의 App Router 기반 프로젝트를 다루는 시니어 개발자야.
나는 로그인 기능을 구현 중인데, JWT 기반 인증을 사용하고 싶어.
아래와 같은 조건으로 로그인 유지 기능 전체 구조를 작성해줘:
- 프레임워크: Next.js + TypeScript + App Router
- 인증 방식: JWT (access + refresh token)
- 쿠키 설정: httpOnly, secure, sameSite=strict 적용
- DB: PostgreSQL (Prisma 사용)
- access token은 15분, refresh token은 7일
- 로그인 성공 시 쿠키로 저장, 로그아웃 시 쿠키 삭제
- 서버 컴포넌트나 SSR 페이지에서도 인증 확인 가능하게 구성
- 클라이언트 로그인 버튼 예시도 보여줘
구조도, API route 코드, 유틸 함수, 쿠키 설정, 주석까지 포함해서 작성해줘.
로그인처럼 익숙하면서도 까다로운 기능,
GPT한테 제대로 물어보면 진짜 퀄리티 다릅니다.
여러분도 한번 해보세요.
“이건 검색보다 대화가 낫다” 싶은 순간이 올 거예요.
혹시 여러분만의 인증 프롬프트나, 퇴근을 앞당긴 경험 있다면
댓글로 공유해 주세요 🙌
좋아요
1
아주 좋아요
좋아요
조금 좋아요
댓글
0
댓글 작성
함수형 사고로 바꾸는 코드 리팩토링 프롬프트
기존 명령형 코드가 스파게티처럼 얽혀있어서 유지보수할 때마다 머리가 지끈거리셨던 경험, 다들 있으시죠?저희 팀도 그랬어...
전통과 첨단이 만났을 때 일어나는 마법
언제부터인가 '혁신'이라는 단어가 예술계에서도 빠질 수 없는 키워드가 되었죠. 하지만 진짜 예술 혁신이 무엇인지에 대해서...
프롬프트
📢[필독] GPT 프롬프트 커뮤니티 이용 가이드
AiToolsBee
ChatGPT
요즘 유행하는 픽셀 아트 만들어봤어요👻
큐리킹
ChatGPT
코드의 숨겨진 미학을 발견하다
초코송이단
ChatGPT
고객 요청 메일을 영어 비즈니스 메일로 자동 변환하는 고급 프롬프트
지피티갓
ChatGPT
외국에서 유행하는 액션 피규어 만들어봤어요!🧸
dreamwoven
ChatGPT
프레젠테이션 구성 이걸로 끝내요
morathis
ChatGPT
안방에서 글로벌 브랜드로: 작은 기업의 대반전 비법
감성러버
ChatGPT
한 통의 이메일이 비즈니스를 바꾸는 순간
zilvaren
ChatGPT
아토토이, 폴리포켓 이미지 프롬프트 써봤는데 너~~~무 귀여워요🐈⬛
astralyric
ChatGPT
가사와 시의 리듬을 짜다
glimmerforge
ChatGPT
지속가능한 예술 실천 프롬프트
감성러버
ChatGPT
5분만에 바꾸는 당신의 재정 건강
감성러버
ChatGPT
너무 복잡한 투자정보, 어떻게 정리했을까?
jaywalker7
ChatGPT
토론 주최자로서 토론을 수월하게 진행하고 싶다?
kyra
ChatGPT
AI 이미지 생성 프롬프트🎨
novexis
ChatGPT
진짜 배움이 일어나는 프롬프트
ravenith
ChatGPT
아무도 가르쳐주지 않는 설득의 심리학
감성러버