nuxt 카카오
IT 및 일상을 공유합니다.
[Nuxt] 카카오 로그인 Nuxt 설정 및 카카오 정보 발급 - ②(END)
Nuxt 카카오 로그인 설정 및 카카오 정보 발급 Nuxt 프로젝트를 하나 만들어주자. npx create-nuxt-app create-nuxt-app v3.4.0 ✨ Generating Nuxt.js project in test # 프로젝트명 입력 ? Project name: (test) # 프로그래밍 언어 선택 ? Programming language: (Use arrow keys) > JavaScript TypeScript # 패키지 매니저 선택 ? Package manager: (Use arrow keys) > Yarn Npm # UI 프레임워크 선택 ? UI framework: (Use arrow keys) > None Ant Design Vue Bootstrap Vue Buefy Bulma C..
[Nuxt] 카카오 로그인 OAuth 신청 및 설정 - ①
Nuxt + express로 카카오로그인 자료가 많이 없어 개발하면서 내용 정리한다. ※ 추후에 다시 설명하지만 현재 설명하는 방식은 Nuxt에서 전부 처리하고 서버로 필요한 정보를 보내는 방식이다. 1. 인가코드를 받기 2. Nuxt에서 인가코드로 엑세스토큰 받기 3. 엑세스 토큰으로 유저정보 조회하기 4. 조회된 유저정보에서 필요한 정보 (ex 닉네임,이메일,id... 등) 서버로 보내어 저장하기 카카오 로그인 OAuth 신청 카카오 개발자 계정과 애플리케이션 등록이 필요하다. https://developers.kakao.com 에 접속하여 계정과 애플리케이션을 생성해보자. Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구..