# 카카오 로그인 연동하기

<span style="color: #333333;">**관리자 페이지 \[홈페이지 설정\] / 외부 API 연동 / 카카오 로그인 연동하기**  
</span>  
카카오 개발자 사이트로 이동하여 로그인 또는 회원이 아닌 경우 회원가입 후, 메뉴 \[내 애플리케이션\] / \[애플리케이션 추가하기\]  
앱 아이콘, 앱 이름, 사업자명을 입력한 후 \[저장\] 버튼을 눌러 API를 생성  
메뉴의 '제품설정'의 \[카카오 로그인\] / 활성화 설정 버튼을 \[on\]으로 변경 / \[Redirect URL 등록\] / 'https://도메인주소/kakaologin'을 입력 후 저장  
  
다국어 사이트일 경우  
한국어 사이트는 'https://도메인주소/kr/kakaologin' 과 'https://도메인주소/kakaologin' 입력   
영어 사이트는 'https://도메인주소/en/kakaologin'을 입력  
  
메뉴의 '앱 설정'의 \[앱 키\]를 클릭하고, 'REST API 키'를 복사하여, 닷홈 빌더 관리자의 \[홈페이지 설정\]-\[외부 API 연동\]-'카카오 계정 로그인의 사용여부'를 \[사용\]으로 적용한 뒤 Rest API키 입력창에 복사했던 키를 붙이고,\[변경사항 저장\] 하면, 카카오 로그인 연동 완료.

자세한 내용은 아래 안내를 참고해 주시기 바랍니다.

<span style="color: #085294;">[https://docs.dothome.co.kr/books/02/page/a516a](https://docs.dothome.co.kr/books/02/page/a516a)</span>

카카오 개발자 사이트로 이동하여 로그인 및 가입을 진행합니다.

[<span style="color: #3c99f6;">카카오 개발자 바로 가기 &gt;</span>](https://developers.kakao.com/)

[![kalo01.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/6OYkalo01.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/6OYkalo01.png)

<span style="color: rgb(22, 145, 121);">\[카카오 개발자센터 접속 화면\]</span>

카카오 회원이신 경우 로그인하시고, 회원이 아닌 경우 회원가입을 진행해 주신 뒤,

상단 메뉴에서 \[내 애플리케이션\]을 클릭하여 이동합니다.

[![kalo02.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/9HVkalo02.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/9HVkalo02.png)

<span style="color: rgb(22, 145, 121);">\[카카오 개발자센터 애플리케이션 추가 메뉴\]</span>

\[애플리케이션 추가하기\]를 클릭합니다.

[![kalo03.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/kalo03.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/kalo03.png)

<span style="color: rgb(22, 145, 121);">\[카카오 개발자센터 애플리케이션 추가 화면\]</span>

앱 아이콘, 앱 이름, 사업자명을 입력한 후 \[저장\] 버튼을 눌러 API를 생성합니다.

[![kalo04.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/kalo04.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/kalo04.png)

<span style="color: rgb(22, 145, 121);">\[카카오 개발자센터 카카오로그인 활성화 화면\]</span>

좌측 메뉴의 '제품설정'의 \[카카오 로그인\]을 클릭합니다.

활성화 설정 버튼을 \[on\]으로 변경합니다.

<div id="bkmrk--15">  
</div><div id="bkmrk--16"></div>[![kalo05.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/kalo05.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/kalo05.png)

<div id="bkmrk-%5B%EC%B9%B4%EC%B9%B4%EC%98%A4-%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%84%BC%ED%84%B0-%EC%B9%B4%EC%B9%B4%EC%98%A4%EB%A1%9C%EA%B7%B8%EC%9D%B8-re"><span style="color: rgb(22, 145, 121);">\[카카오 개발자센터 카카오로그인 Redirect URI 설정 버튼\]</span></div><div id="bkmrk--18"></div>\[Redirect URL 등록\] 버튼을 클릭합니다.

입력 창에 '[https://도메인주소/kakaologin'을](https://xn--hq1bm8jougirgp3b/kakaologin%EC%9D%84) 입력한 후 저장합니다.

[![kalo06.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/kalo06.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/kalo06.png)

<span style="color: rgb(22, 145, 121);">\[카카오 개발자센터 카카오로그인 Redirect URI 설정 화면\]</span>

이때, 홈페이지에 SSL이 연결되어있는 경우에는 'https://' 이지만

홈페이지에 SSL이 연결되어 있지 않은 경우에는 'http://' 으로 입력해주세요

다국어 사이트일 경우

<table class="table table-bordered" id="bkmrk-%ED%95%9C%EA%B5%AD%EC%96%B4-%27https%3A%2F%2F%EB%8F%84%EB%A9%94%EC%9D%B8%EC%A3%BC%EC%86%8C%2Fk" style="width: 100%;"><thead><tr><td style="width: 13.5828%;">항목</td><td style="width: 86.4172%;">내용</td></tr></thead><tbody><tr><td style="width: 13.5828%;">한국어</td><td style="width: 86.4172%;">'[https://도메인주소/kr/kakaologin](https://xn--hq1bm8jougirgp3b/kakaologin%EC%9D%84)' 과 '[https://도메인주소/kakaologin](https://xn--hq1bm8jougirgp3b/kakaologin%EC%9D%84)' 입력  
</td></tr><tr><td style="width: 13.5828%;">영어  
</td><td style="width: 86.4172%;">'[https://도메인주소/en/kakaologin](https://xn--hq1bm8jougirgp3b/kakaologin%EC%9D%84)'을 입력  
</td></tr></tbody></table>

[![kalo07.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/kalo07.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/kalo07.png)

<span style="color: rgb(22, 145, 121);">\[카카오 개발자센터 앱 키 정보 화면\]</span>

좌측 메뉴의 '앱 설정'의 \[앱 키\]를 클릭하고, 'REST API 키'를 복사합니다.

[![kalo08.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/kalo08.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/kalo08.png)

<span style="color: rgb(22, 145, 121);">\[닷홈빌더 관리자 카카오 로그인 연동 설정 화면\]</span>

닷홈 빌더 관리자 페이지로 이동합니다.

\[홈페이지 설정\]-\[외부 API 연동\]-'카카오 계정 로그인의 사용여부'를 \[사용\]으로 적용한 뒤 Rest API키 입력창에 복사했던 키를 붙여 넣어주세요.

\[변경사항 저장\] 버튼을 누르면 카카오 로그인 연동이 완료됩니다.