• 카카오 Map API는 npm에 등록되어 있지 않고, script 태그를 사용해야만 한다;;; ⇒ 리액트를 사용해야되는데 ㅋㅋㅋㅋㅋ
• 어떻하지?!…..

<aside> 🔥 우리는 공식문서에서 나온 일반 자바스크립트 라이브러리를 React에서 사용해보려고함.

</aside>

• npm, yarn에서 없는 라이브러리들을 React에서 어떻게 가져와서 사용할 수 있는지 알아보자 ㅋㅋㅋ

1. 프로젝트 파기

• 타입스크립트로 만들자

yarn create react-app kakao-map --template typescript

1. 실제 지도를 그리는 API를 리액트에 불러오기

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 넣으시면 됩니다."></script>

• 이 스크립트를 어디에다가 불러와야할까??
• 리액트 앱이 로딩되기전에 카카오 맵 스크립트를 실행시켜야한다. ⇒ public ⇒ index.html에 스크립트 삽입

<aside> 🔥 index.html의 head태그에 스크립트를 넣어두면, react app이 <div id=’root’></div> 에 붙기전에 지도 스크립트를 실행 시킬수 있다.

</aside>

2. APP KEY 플랫폼 까지 등록해줘야한다.

• 자신이 등록을 사이트만 API KEY만 사용할 수 있다.

3. DOM이 렌더된 다음에 카카오지도 로드 스크립트를 불러온다.