카카오 로그인 사용 승인받기

• 29) 카카오 로그인 사용 승인 받기

  👉 아래는 카카오 로그인의 큰 흐름을 설명해 주는 그림입니다.

  

👉 일단 카카오 로그인을 사용하기 위해서는 카카오 개발 사이트에서 '애플리케이션 등록'이 필요합니다.
그럼 '카카오 개발자' 사이트로 이동하여, 회원가입을 진행하고, 본인만의 애플리케이션을 등록 해 봅니다.



- **[코드스니펫] 카카오디벨로퍼스 사이트**
    
    ```
    https://developers.kakao.com/console/app
    ```
    

1. 회원가입

	![](https://velog.velcdn.com/images/twinsgemini/post/33bd2fa9-88c4-4008-91d5-d7cbc64663e2/image.png)



    
2. 내 애플리케이션 메뉴 선택 > 애플리케이션 추가하기
    
    ![](https://velog.velcdn.com/images/twinsgemini/post/c86cbfb6-b9b9-453a-b994-a80f76177656/image.png)

    
3. 앱 아이콘, 앱 이름, 사업자명 저장
    
    ![](https://velog.velcdn.com/images/twinsgemini/post/e60fda9a-3de3-409a-806a-6f577d94b0b0/image.png)

    
    - **[코드스니펫] 스프링 르탄이 아이콘**
        
        ```java
        https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/spring_plus/%E1%84%89%E1%85%B3%E1%84%91%E1%85%B3%E1%84%85%E1%85%B5%E1%86%BC%E1%84%85%E1%85%B3%E1%84%90%E1%85%A1%E1%86%AB%E1%84%8B%E1%85%B5.png
        ```
        
    
4. 사이트 도메인 등록하기
    1. 애플리케이션 선택
    2. 플랫폼 메뉴 선택
    3. Web 플랫폼 등록
    4. 사이트 도메인 입력
        
        👉 사이트 도메인에는 개발중인 로컬환경의 서버 주소를 입력해 줍니다.
        
        
        ```
        [http://localhost:8080](http://localhost:8080/user/kakao/callback)
        ```
        
        ![](https://velog.velcdn.com/images/twinsgemini/post/389148c7-c301-4b53-8edb-ba7a7ce8a3e2/image.png)

        
5. 카카오로 로그인 했을 때 인가토큰을 받게 될 Redirect URI (callback) 를 설정하기
    
    ![](https://velog.velcdn.com/images/twinsgemini/post/5de44390-8ca1-4c21-a13b-b0185b8a5187/image.png)

    
    ```
    [http://localhost:8080/user/kakao/callback](http://localhost:8080/user/kakao/callback)
    ```
    
    ![](https://velog.velcdn.com/images/twinsgemini/post/776bb64e-88e2-4b15-81b8-88743e7b1de5/image.png)

    
6. 동의항목 설정하기
    - 카카오 서버로부터 사용자의 어떤 정보를 받을지 정할 수 있습니다.
        
        ![](https://velog.velcdn.com/images/twinsgemini/post/71918777-9128-4960-83c0-3b500987b095/image.png)

        
    1. 프로필 정보를 '필수 동의'로 받습니다.
        
        ![](https://velog.velcdn.com/images/twinsgemini/post/79b0087a-9301-4f71-afc0-c21c962c6d24/image.png)

        
    2. 카카오계정(이메일) 정보를 '선택 동의'로 받습니다.
        
        ![](https://velog.velcdn.com/images/twinsgemini/post/3c2aaa56-f68a-405a-b245-2860a950b107/image.png)