일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 리액트
- 프로그래머스 완전탐색
- 코딩테스트 고득점 Kit
- 프로그래밍 언어론
- 프로그래머스 자바
- 코딩테스트 고득점 Kit 완전탐색
- 자바 공부
- React JS
- 자바스크립트
- useState
- 디자인 패턴
- 데이터모델링과마이닝
- design pattern
- 코틀린
- NextJS
- react firebase
- JavaScript
- 컴퓨터 네트워크
- codesandbox
- 장고
- useEffect
- Java
- websocket
- react hook
- 자바
- vanillaJS
- 프로그래머스
- 백준
- react
- 리액트 훅
Archives
- Today
- Total
목록react naver map api (1)
기록하는 개발자
[React] React에 naver-map api 적용 도전기
지도를 사용하는 프로젝트를 하게되어 naver map api를 사용하기로 했다. api 를 처음 적용해봤기도 하고 react로 본격적인 팀프로젝트도 처음이라 쉽지 않았다. 구글링을 해도 일반 태그로 작성하는 예시는 많았지만 react에 작성하는 예시는 너무 없어서 맨땅에 헤딩하는 느낌이었다.. 아직 부족해서 코드가 지저분할지라도 동작은 하기 때문에 react 프로젝트에서 naver map을 사용하는 사람들에게 조금이라도 도움이 되길 바란다. naver map 회원가입이나 key값을 받아오는 설명은 검색하면 너무 자세히 나와있어서 생략하겠다. +) key 값은 env. 파일을 만들어 관리하자,, 나는 Home 아래와 같이 화면에 지도를 띄우고 도로명 주소를 검색하면 해당 좌표로 이동하여 화면이 줌 되고, ..
Web/React
2022. 1. 7. 16:20