KaKao Developers 애플리케이션 등록 & Next.js .env에 세팅하기

g-enesis·2024년 9월 10일
0

Next-Auth

목록 보기
2/2

kakao developers 사이트로 이동합니다. https://developers.kakao.com/

우측 상단에 '내 어플리케이션' 을 눌러줍니다.

애플리케이션 추가에 필요한 정보를 입력해주세요.

  • 앱 아이콘 : 애플리케이션에서 사용할 이미지파일을 업로드한다.(임시로 넣어도 됩니다. 수정가능)
  • 앱 이름 : 사용할 애플리케이션 이름을 입력해주면됩니다.
  • 사업자명 : 당장 사업자가 없으시다면 애플리케이션 이름을 입력합니다. (임시로 넣어도 됩니다. 수정가능)
  • 카테고리 : 앱의 카테고리를 선택합니다.

다 입력이 되셨다면 '저장' 을 눌러줍니다.


위 처럼 애플리케이션 추가가 된 것을 확인할 수 있습니다.

이제 세팅을 위해서 방금 추가한 앱을 클릭해서 들어가봅시다.

위 처럼 앱의 정보가 보여지는데요
카카오맵 API를 사용할 예정이기에 좌측 사이드바에서 '앱키' 를 들어가면 아래와 같은 화면이 나옵니다.


여기서 여러 개발환경에서 사용할 수 있는 키값들을 확인할 수 있고,

저는 Next.js 로 프로젝트를 진행하고 있으므로 JavaScript키값을 사용할겁니다.

키값을 확인하셨으면 이제 좌측 사이드바에 '플랫폼' 으로 이동해줍니다.

저는 Web 개발 환경이기 때문에 'Web 플랫폼 등록' 으로 진행했습니다.

현재는 로컬(localhost:3000)에서 개발중이니 localhost:3000을 써주었습니다.
(프로덕션 url이 있다면 줄바꿈을 하시고 추가로 작성하면 됩니다.)

여기까지 완료되었다면 위에서 확인했던 JavaScript 키값을 .env 파일에 정의를 해줍니다.

이렇게 kakao developers 애플리케이션 등록을 마쳤습니다.

다른 개발환경에서도 위 방법과 동일하게 환경선택만 바꿔서 진행하면 됩니다.

다음 포스팅은 이번 포스팅에서 등록, 세팅한 플랫폼으로 카카오맵 API를 연동할겁니다.

profile
Frontend Developer

0개의 댓글