가이드 목록으로
SNS

카카오 플랫폼 계정 연동하기 (로그인·나에게 보내기·공유하기)

💡 카카오 개발자 센터(Kakao Developers)에서 내 앱을 만들고, 카카오 로그인 및 카카오톡 메시지 전송(나에게 보내기/공유하기)을 연동하는 1단계~7단계 초보자용 안내 매뉴얼입니다.

⚠️ 왜 개인별로 카카오 앱을 직접 등록해야 하나요?

카카오 정책상 "비즈니스 앱" 정식 심사를 거치지 않은 개발 앱은 테스터로 등록된 계정만 로그인 및 메시지 발송이 가능합니다. 따라서 각자 본인 명의의 카카오 앱(REST API 키)을 등록해서 연결하셔야 정상 작동합니다.

1단계: 카카오 개발자 센터 접속 및 내 앱 생성

  1. 카카오 디벨로퍼스(developers.kakao.com) 접속 ➔ 로그인
  2. 상단 메뉴 [내 애플리케이션] ➔ [애플리케이션 추가하기] 클릭
  3. 앱 이름과 사업자명 입력 (본인이 구분하기 쉬운 이름으로 자유롭게 입력) ➔ [저장] 클릭

2단계: 앱 키 (REST API 키) 확인 및 복사

  1. 생성된 앱 선택 ➔ 왼쪽 메뉴 [앱 설정] ➔ [앱 키] 이동
  2. 목록 중 REST API 키 (알파벳+숫자 조합)를 복사해 둡니다. (이 키를 웹 서비스 설정 페이지에 입력하게 됩니다)

3단계: 카카오 로그인 활성화 & Redirect URI 설정

  1. 왼쪽 메뉴 [제품 설정] ➔ [카카오 로그인] 클릭
  2. 맨 위 카카오 로그인 활성화 설정 스위치를 ON으로 켜줍니다.
  3. 하단 Redirect URI 섹션 ➔ [Redirect URI 추가] 버튼 클릭
  4. 연동할 웹 서비스의 리디렉션 주소를 입력하고 [저장]을 클릭합니다:
    https://kakaoautoposter.vercel.app/api/kakao/callback

4단계: 동의항목 설정 (카카오톡 메시지 전송 권한)

  1. 왼쪽 메뉴 [제품 설정] ➔ [카카오 로그인] ➔ [동의항목] 클릭
  2. 항목 중 [카카오톡 메시지 전송] (talk_message) 우측의 [설정] 클릭
  3. 동의 단계를 [선택 동의]로 지정 ➔ 동의 목적 입력 (예: "뉴스레터 및 알림 메시지 발송") ➔ [저장]
  4. (선택) [프로필 정보(닉네임/프로필 사진)] 항목도 [동의]로 설정해 두면 편리합니다.

5단계: 웹 플랫폼 도메인 등록

  1. 왼쪽 메뉴 [앱 설정] ➔ [플랫폼] 클릭
  2. Web 플랫폼 등록 버튼 클릭
  3. 사이트 도메인 입력란에 사용하실 웹 서비스 주소를 입력 후 [저장]:
    https://kakaoautoposter.vercel.app

📌 카카오톡 공유하기(SDK) 사용 시 필수 꿀팁!

카카오톡 "공유하기" 버튼을 이용하는 프로그램(MBTI 측정기 등)의 경우, [앱 설정 > 플랫폼 > Web] 뿐만 아니라 [제품 설정 > 제품 링크 관리] 화면의 웹 도메인 목록에도 똑같이 도메인을 등록해주셔야 공유 링크 클릭 시 다른 사이트로 튕기는 현상이 방지됩니다.

6단계: 테스터 계정 등록 (앱 검수 없이 즉시 사용)

  1. 왼쪽 메뉴 [앱 설정] ➔ [앱 권한] (또는 [역할]) 클릭
  2. 테스터 추가 클릭 후 본인의 카카오 계정 이메일/ID를 등록합니다.

7단계: 웹 서비스 로그인 및 카카오 계정 연결 완료

  1. 사용하려는 웹 서비스(예: https://kakaoautoposter.vercel.app/settings) 접속 후 로그인
  2. [🔑 카카오 앱 등록] 섹션에 2단계에서 복사한 REST API 키를 입력하고 저장
  3. [💛 카카오 로그인으로 받기] 버튼 클릭 ➔ 카카오 로그인 및 메시지 전송 동의 허용 완료! 🎉

💡 핵심 요약 정리

  • 1~2단계: 카카오 앱 생성 후 REST API 키 복사
  • 3단계: 카카오 로그인 ON ➔ Redirect URI 등록
  • 4~5단계: 카카오톡 메시지 전송 동의 설정 ➔ Web 도메인 등록
  • 7단계: 웹 서비스 설정 페이지에 REST API 키 입력 후 카카오 로그인 연동