0
웹에이전시 전문 프리랜서 개발자 프리터코더입니다.
이번 챕터는 웹사이트 개발 과정 중 오시는 길 페이지 - 카카오 지도 API 등록을 이야기합니다.
<오시는 길 페이지 - 카카오 지도 API 등록> 글은 웹에이전시의 의뢰를 받아서 프리터코더가 웹사이트를 개발하는 과정을 가상으로 보여주는 웹에이전시의 개발자들은 어떻게 일하나 시리즈 중 하나입니다.
1
퍼블리셔 분이 전달해 주신 html 파일에서 지도는 그냥 이미지로 들어가 있습니다.
2
하지만 실제로는 지도는 움직이기도 하고, 축소/확대도 가능해야 합니다. 그러기 위해서는 지도 API를 연동해야 하죠.
보통 우리나라에서는 지도 API 를 연동할 때 카카오 지도 혹은 네이버 지도를 씁니다. 구글 지도를 쓰는 경우도 있기는 한데 우리나라 정서에 잘 맞지 않는지 아주 드물게 보입니다.
미스사이공 사이트에서는 카카오 지도를 연동했네요. 똑같이 해 보겠습니다.
3
카카오 지도 API 를 연동하기 위해서는 카카오 API 등록이 필요합니다.
기획자 팁
API 키를 미리 발급받아주세요. 하는 방법은 아래에 설명합니다.
만약 구축이 끝나고 운영을 클라이언트가 직접 하신다면, 클라이언트 분께 API 키 발급을 요청하세요.
웹사이트 운영을 웹에이전시에서 담당한다면 웹에이전시에서 API 키를 직접 발급받으면 됩니다.
4
kakao developers 에 회원가입 후 로그인합니다.
5
내 애플리케이션 에 접속하고 애플리케이션을 추가합니다.
6
플랫폼 설정하기를 누릅니다.
7
Web 플랫폼 등록을 클릭합니다.
8
사이트 도메인을 등록합니다.
localhost 는 개발자의 컴퓨터를 가리키고, fc-miss420.net 은 제가 임의로 설정한 URL 입니다.
기획자 팁
나중에 웹사이트 개발이 끝나고 나면 도메인(웹사이트 주소)를 등록할 텐데요. 도메인이 등록되고 나면 kakao developers 에 오셔서fc-miss420.net을 등록하신 도메인으로 변경해 주세요.
기획자 팁
만약 사이트가http와https둘 다 지원한다면 둘 다 등록하셔야 해요.
9
요약정보를 클릭 후 앱 키 항목을 확인합니다.
초록색으로 마킹한 JavaScript 키 부분을 우리가 사용할 꺼에요.
기획자 팁
카카오 API 는 하루에 300,000건까지 호출이 가능합니다.
