inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

카카오 애플리케이션 만들기

카카오 web플랫폼 등록

188

정헌수

작성한 질문수 1

0

현재 카카오 개발자 페이지에서 플랫폼에 계정상태 변경 웹 훅 , 연결 해제 웹훅 , 카카오톡 공유 웹훅 이 있는데 수업에서 보여주시는게 달라서 질문드립니다

스크린샷 2026-01-08 03.39.43.png

이 화면에서 계정 상태 변경 웹훅 설정을 들어가면

스크린샷 2026-01-08 03.40.16.png

이 화면이 나오는데 여기서는 https 프로토콜만 사용이 가능하다고 나오는데

이 설정은 어떻게 해야 할까요? 현재 mongdb 와 그 이외에 모든 환경설정은 강의와 똑같이 했는데 카카오로그인 페이지 이동 자체가 안되서요!!

react react-router redux-toolkit zustand react.js

답변 2

0

수코딩

안녕하세요.

이번 수업과 웹 훅은 관련이 없습니다. (웹 훅 기능 자체를 사용하지 않습니다)

현재 리뉴얼된 카카오 개발자 센터 페이지에 대응하는 영상이

"258. (25.12.07) 카카오 개발자 페이지 변경 내용 적용하기"에 올라간 상태입니다.

해당 영상을 보시면 될 것 같습니다 (현재도 영상 내용과 다르지 않음을 확인했습니다.)

감사합니다 🙂

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 정헌수님.

카카오 개발자 페이지에서 웹훅(Webhook)을 설정할 때 HTTPS 프로토콜을 요구하는 것은 보안상의 이유로 서버가 SSL 인증서를 사용하여 통신을 암호화하는지 확인하기 위함입니다. 카카오와의 통신에서 HTTPS를 통해 보안을 강화하는 것이 중요합니다. 웹훅 설정과 관련하여 몇 가지 체크 포인트를 안내드리겠습니다.

HTTPS 설정 방법:

  1. SSL 인증서 발급 및 설정:

    • 웹 서버에 SSL 인증서를 발급받아 설치하세요. Let’s Encrypt와 같은 무료 SSL 인증 기관을 통해 인증서를 발급받을 수 있습니다.
  2. 웹 서버 설정:

    • Nginx 또는 Apache 서버와 같은 서버 소프트웨어에서 SSL 서버 블록을 설정하여 HTTPS를 지원하도록 설정합니다.
  3. 클라우드 서비스:

    • 만약 AWS, GCP, Azure 등의 클라우드 서비스를 사용 중이라면 클라우드 서비스 자체적으로 SSL 인증서 적용 방안에 대한 문서를 참조하여 설정할 수 있습니다.
  4. 로컬 환경 테스트:

    • 실제 개발 환경에서 테스트할 때에는 localhost에서 HTTPS로 테스트하기 어려울 수 있으며, ngrok 같은 도구를 이용하여 로컬 환경을 HTTPS로 노출할 수 있습니다.

설정 관련 추가 팁:

  • 웹훅 URL 등록:

    • 웹훅 설정 페이지에 가서, 발급받은 인증서를 사용한 HTTPS URL을 입력하세요.
    • 예: https://your-domain.com/webhook-path.
  • 리디렉션 문제:

    • 개발 단계에서 KAKAO_REDIRECT_URI 가 정확히 설정되어 있는지 확인하세요. 웹훅 외에도 리다이렉션 URL 설정이 필요합니다.
    • 카카오 개발자 페이지와 애플리케이션의 Redirect URI가 일치해야 정상적으로 동작합니다.

위의 점검 사항을 확인하고 설정하면, 카카오 로그인 및 웹훅이 정상적으로 작동할 것입니다.

추가적으로, 카카오 로그인 설정 관련 추가 자료를 확인해 보실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

0

정헌수

카카오 리다리엑트 URL 도 확인했고 오타도 없이 정확하게 입력했는데 구동이 안되는 이유는 뭘까요....
사용 설정에서 카카오 로그인 사용여부도 on 인 상태입니다.

상태(State) 가 "시간이 지남~" 에 대해 질문 있습니다.

0

29

2

import {} 중괄호 차이점

0

35

2

[ 문의]몽고DB connect 의 건

0

41

2

제공되는 react_code.zip 중에 ..

0

41

2

커리큘럼 비활성화

0

44

2

설명하시는 개념들을 잘 모르겠습니다.

0

42

2

이해가 절반 정도 되는데요.

0

54

1

styled-components(전역)

0

50

1

cloudinary 관련

0

70

3

useOptimistic 실전-1 useState

0

86

2

discord 초대장 갱신이 필요한거같습니다.

0

80

1

할일 관리 앱(메모이제이션)

0

99

2

Web 플랫폼 등록

0

139

2

함수 정의 기준

0

84

2

fetch는 사용되는가

0

86

2

전역상태 관리 선택 기준

0

106

2

tailwind css는 언제 사용되는가 또 다른 css와의 차이

0

204

2

컴포넌트 그리고 폴더 구조에 대해

0

76

2

152강 보는중입니다. 초시계부분이구요. 넘버가 timeout을 받을수없다는 에러가 나오고 있어요

0

51

1

폼테그 다른 태그를 하나의 상태 객체로 묶기

0

54

2

class를 className으로 전부 수정하실 때

0

49

2

JWT에 대한 개념도 학습할 수 있나요?

0

74

2

수업자료 다운로드

0

60

2

리액트 객체의 타입을 알기위하여 마우스를 올렸을 때 나오는 형식이 강의와 다른 부분 문의 드립니다.

0

70

2