카카오맵 React 적용하기[simple]

React.js 에서 kakaomap API를 활용하는 방법을 알아보겠습니다.

1. 우선 아래의 카카오 개발자 사이트에서 로그인한 후 내 앱을 등록합니다.

https://developers.kakao.com/

Kakao Developers

앱을 등록하는 부분은 간단합니다.
우선 아래의 사진처럼 위의 카카오 개발자 사이트에 들어가서 내 애플리케이션을 클릭합니다.
로그인은 당연히 하셔야합니다.

자, 이제 애플리케이션 추가하기를 클릭합니다.

이제 애플리케이션 정보만 입력하면 끝입니다.
앱 이름은 아무거나 입력해주시면 됩니다.

이제 애플리케이션이 등록되었습니다.

등록한 애플리케이션을 클릭해서 들어갑니다. 그 다음 앱 키를 확인합니다.
React는 JavaScript 키를 활용합니다.

이번에는 플랫폼 설정하기를 클릭합니다.

Web 플랫폼 등록 버튼을 클릭합니다.
등록할 대 사이트 도메인을 작성해줘야 하는데, 이 도메인에는 로컬 포트를 입력해주면 됩니다.
리액트의 기본 포트는 3000번으로 http://localhost:3000 가 일반적입니다.
하지만, 본인의 설정에 따라 바뀔 수 있겠죠.
package.json 파일의 PORT 설정을 확인해주세요~ 

---

위의 설정이 끝났다면 이제 코드를 작성할 차례입니다. 
코드에 대한 설명은 다음 페이지에서 설명하겠습니다~