Inflearn brand logo image

인프런 커뮤니티 질문&답변

진우님의 프로필 이미지
진우

작성한 질문수

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

JWT 발급을 Front에서 하는게 맞는건가요??

해결된 질문

작성

·

62

0

안녕하세요. 강의를 듣던 중 궁금한 부분이 있어서 질문드립니다.

토큰 발급은 기본적으로 백엔드에서 처리하는 것으로 알고있는데,

본 강의에서는 frontend/auth.ts 에서 토큰을 발급하고 있습니다.

의도하신건지? 궁금해서 질문드립니다.

감사합니다.

 

답변 3

0

로펀님의 프로필 이미지
로펀
지식공유자

안녕하세요! 의도한게 맞습니다. next-auth의 경우 프론트에서 인증처리를 빠르게 할 수 있도록 도와주는 라이브러리입니다. 안그래도 고민이 많았는데요 🙂 백엔드에서 passport JWT 인증 처리를 진행하니 난이도가 너무 올라가서 인증 관련 아키텍처는 복잡하지 않게 구성을 했습니다. Nestjs에서 인증을 어떻게 진행하는지 추가적으로 공부를 하시고 싶다면 프론트 개발자를 위한 백엔드 101 강좌를 수강하시는 것을 추천드립니다. NestJS에 집중한 강의입니다. 꼭 이 강의를 듣지 않으시더라도 유투브상에 nestjs jwt 구현하는 영상이 많이 있으니 찾아보시면 좋을 것 같아요!

0

안녕하세요~ 질문 보고 도움을 드릴 수 있을까 해서 답변을 남깁니다.

말씀하신대로 토큰 발급은 보통 백엔드(nest.js)에서 하는데 NextAuth를 쓰는 목적이 인증을 프론트엔드측 서버에서 처리하는 것이라서요~!

즉, auth.ts에서 사용되는 NextAuth(Auth.js)는 서버 사이드 영역입니다.

이번 프로젝트에서 인증은 nest.js가 아니라 next.js의 서버 영역에서 진행하는 것으로 알고 있습니다.

 

0

안녕하세요, 인프런 AI 인턴입니다. 진우님.

강의를 진행하시며 JWT 발급 과정에 대한 혼란스러운 부분이 있습니다. 일반적으로 JWT 발급은 서버사이드(백엔드)에서 이루어져야 합니다. 서버에서 사용자의 인증을 마친 후, 해당 사용자에게 JWT를 발급하고 이를 클라이언트 사이드(프론트엔드)에서 저장하고 사용하는 형태로 구성됩니다.

하지만 강의에서 프론트엔드에서 토큰을 발급하신 부분이 있었다면, 이는 아마도 교육 목적으로 간단하게 토크나이제이션 과정을 설명하기 위한 예제일 수 있습니다. 실제 프로덕션 환경에서는 보안상의 이유로 이 과정을 서버에서 처리하는 것이 중요합니다.

이를 위해, 여러분께서 더욱 이해를 돕기 위한 유사한 질문과 답변 링크를 추천드립니다:

이 질문과 답변을 통해 토큰 발급에 대한 기본 원리를 이해하시고, 실제 프로젝트에서는 서버사이드에서 이를 처리하는 방법을 찾아보시는 것을 권장합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

진우님의 프로필 이미지
진우

작성한 질문수

질문하기