Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 알고리즘
- React 나이스 신원인증
- swiper
- nextjs contact us
- 전체 너비로 css
- nextjs 메일보내기
- 사이트맵
- 프로그래머스
- JavaScript
- 구글 메일보내기
- pass인증
- 메일 보내기 react
- 빈도수세기
- CSS
- Next.js 나이스 본인인증
- 카카오맵 api
- nextjs
- Til
- react swiper
- use Client
- 프론트 본인인증
- react
- next15
- robots.txt
- 함수
- 다중포인터
- 카카오지도 구현
- App Router
- web3-react
- github
Archives
- Today
- Total
목록카카오지도 구현 (1)
YEV.log

kakao api는 키를 발급받아야 사용가능하며, 키를 발급받았다는 전제하에 작성하였습니다. kakao든 google이든 하루에 무료로 제공되는 횟수는 정해져 있으니 확인해 보고 본인에게 맞는 서비스를 선택하면 될 것 같아요. *kakao api 키 발급하기 가이드 및 map api 전체 가이드 테스트용 도메인: http://localhost:3000 https://apis.map.kakao.com/web/guide/#ready 1. 루트경로에 .env 파일 생성하여 키값 세팅하기 # .env NEXT_PUBLIC_KAKAO_APP_KEY=de100000010f46c4a290000000 kakao에서 받은 api key는 .env 파일에 넣어 사용합니다. 2. 지도 화면 출력하기 kakao에서 제공하는 ..
Web/React & Next.js
2023. 5. 14. 15:26