카카오 로그인 API로 계정 로그인 구현1

반응형

일단 카카오 로그인 api를 사용하기 위해서 아래 사이트에 들어가서 등록해주셔야합니다.

 

https://developers.kakao.com/console/app

카카오계정 로그인

 

저기 위에 들어가서 로그인을해주시면 아래 사진처럼 화면이 뜰 것입니다.

 

 

애플리케이션 추가하기를 누르시면 위 화면처럼 뜰텐데요. 저기에서 사업자명 그냥 자신 이름또는 아무 이름이나 넣어주셔도 됩니다. 그리고 앱 이름은 원하시는 앱 이름으로 설정해주시면 됩니다.

 

 

 

우리가 만든 애플리케이션에 들어가면 이렇게 키가 있을텐데 저희는 JavaScript키를 사용할 것입니다.

 

그 다음에 플랫폼을 설정해주셔야하는데요. 플랫폼 설정하기를 일단 클릭해주시면 됩니다. 그 다음에 3개의 플랫폼이 있을텐데요. 그중에 Web 플랫폼 등록에 들어가주시면 됩니다.

 

 

저는 localhost8080으로 설정해줬습니다.'

 

 

이제 Redirect URI를 등록해줄 차례인데요. 저기 등록하러 가기를 일단 눌러주시면 됩니다.

 

 

제가 이따 만들 kakao_login.html 페이지에 리다이렉트를 시킬거기 때문에 위처럼 적어줬습니다.

 

 

 

그리고 중요한게 카카오 로그인 아래에 동의항목이라는 부분이 있습니다. 그 동의 항목에 들어가시면 아래 사진처럼 뜹니다.

 

이제 저희가 사용할 부분만 설정으로 해줄 것입니다.

 

 

 

동의항목 부분

저희가 실제 가져올 부분은 프로필 정보(닉네임)랑 카카오 계정(이메일) 불러올거고 그 다음에 성별을 가져올 것입니다. 이 3가지에 관해서 설정을 해볼 것입니다.

 

 

프로필 정보

동의 목적은 목적에 관해서 적어주셔야하는데요. 우리는 그냥 지금 테스트를하는거니 간단하게 서비스 사용이라고만 적어줄 것입니다.

카카오 계정(이메일)

 

그리고 이메일 계정 갖고오야하는데요. 위처럼 설정해줄 것입니다.

성별

성별도 마찬가지로 위처럼 이용중 동의를 할거고 위처럼 설정해주시면 됩니다.

 

 

지금까지 구현 전 설정하는 것들을 해줬습니다. 다음에는 구현을 해보겠습니다.

 

다음 부분입니다.

https://highschool-ai-scientist.tistory.com/176