사내 프로젝트 진행 중 로그인한 user session에 값을 추가적으로 가져와야되서 next-auth의 callbacks에 대해 알아보았다. 일반적으로 클라이언트 페이지에서 useSession()을 활용해 data를 가져오면 expires와 user의 eamil, name 만 가져온다. 그래서 만약 그 외의 데이터가 필요하면 callbacks중 Session callback 을 활용해 데이터를 추가하면 된다. 세션 콜백은 세션이 확인될 때마다 호출된다. session의 email과 token의 email이 같으면 session user 객체에 추가할 속성과 값을추가한다. (아래코드에서는 region을 추가했다.)// api/auth/[...nextauth].tsdeclare module "next-au..

Next Auth(1) 이어서…user 정보 가져오기 & 로그아웃user 정보 가져오고 로그아웃하기 위해서는 ****next-auth/react 에서 signOut, useSession를 불러와야 된다. useSession()useSession()는 data, status 두 값을 포함하는 객체를 반환한다.data는 session / undefined / null 3가지 값을 가진다.status는 loading / authenticated / unauthenticated 3가지 값을 가진다. 사용 예시import { useSession } from "next-auth/react"export default function Component() { const { data: session, status } ..

Next.js 기반으로 관리자 페이지, 관제 시스템 등 권한이 필요한 프로젝트 진행 시 Next-Auth 라는 npm 을 자주 사용하였다. 여러 프로젝트 진행하면서 고려해야 했던 포인트소수 계정일 경우session 기간권한 여부에 대한 스타일, 페이지 차이비 로그인 시 홈 접근 방지 / 로그인 상태 일시 로그인 페이지 접근 방지user 정보 가져오기 & 로그아웃 Next-Auth npm  next-authAuthentication for Next.js. Latest version: 4.24.7, last published: 6 months ago. Start using next-auth in your project by running `npm i next-auth`. There are 324 other ..