[Project] 박대리 프로젝트 진행상황 (23.08.26) [카카오맵 API 적용, 방문자 유입 체크 로직 구현, Excel 파일 읽기]
·
◈ Yermi Project/어디 가! 박대리!🙋🏻‍♂️
- 박대리 프로젝트 진행상황 (23.08.26) 지도 API는 카카오맵을, CSS 프레임워크는 TailWindCSS를 사용했다. [API] 웹 페이지에 카카오맵 지도 띄우기 [Kakao Map API 키 발급 및 사용하기] - 웹 페이지에 카카오맵 띄우기 - 카카오맵 API 키 발급 방법 : https://apis.map.kakao.com/web/guide - 지도를 담을 영역 만들기 - 실제 지도를 그리는 API 불러오기 - 지도를 띄우는 코드 작성 var container = docu yermi.tistory.com [TailWindCSS] 01 설치부터 한걸음 - '부트스트랩도 있는데 왜 쓸까?' 솔직히 말해서. 이제 부트스트랩이 좀 질렸습니다. (부트스트랩에게 미안해하면서 하는 말입니다) 초보 개..
[API] 웹 페이지에 카카오맵 지도 띄우기 [Kakao Map API 키 발급 및 사용하기]
·
▣ Tools/API🎯
- 웹 페이지에 카카오맵 띄우기 - 카카오맵 API 키 발급 방법 : https://apis.map.kakao.com/web/guide - 지도를 담을 영역 만들기 - 실제 지도를 그리는 API 불러오기 - 지도를 띄우는 코드 작성 var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스 var options = { //지도를 생성할 때 필요한 기본 옵션 center: new kakao.maps.LatLng(33.450701, 126.570667), //지도의 중심좌표. level: 3 //지도의 레벨(확대, 축소 정도) }; var map = new kakao.maps.Map(container, options); //지도 생성 및 객체..