[Next.js] Kakao 로그인 API 발급 받기

Kakao 로그인 API 발급 받는 법

 

Login kakao

1. 가입하기

https://developers.kakao.com/

Kakao Developers

위 developers 사이트에 들어가서 kakao 계정으로 가입한다.

---

2. 웹 어플리케이션 추가

내 어플리케이션 메뉴

내 어플리케이션을 클릭한 후 웹 어플리케이션 추가하기를 클릭한다.

웹 어플리케이션 추가

앱이름 입력하고 사업자명에는 그냥 내이름을 입력한 후 저장했다.

loginTest어플리케이션

생성된 내 앱을 클릭해서 들어간다.

반응형

---

3. 앱 설정하기

요약 정보를 보면 내 애플리케이션에 할당된 키 값 들을 볼 수 있다.

API key

플랫폼에 웹 사이트 도메인을 추가한다.

웹 도메인 추가

로그인 시 얻어올 정보들에 대한 동의 항목들은 아래 화면에서 설정 할 수 있다.

동의 항목

예시로 닉네임만 받는걸로 설정해두고 동의화면 미리 보기를 클릭하면 아래와 같이 미리 보기를 확인할 수 있다.

동의 화면

REST API 키와 Client Secret 값으로 API로 로그인 정보를 주고 받을 수 있는데 아래 보안 메뉴를 들어가면 Client Secret을 확인 할 수 있다.

Client secret

 

이렇게 하면 Kakao의 로그인API를 사용할 준비가 끝났다. 다음에는 NextJS로 로그인 화면을 만들고 로그인API연결까지 하는걸 알아보도록 하자.