TypeScript2 [React] react-daum-postcode(다음 우편번호 검색 서비스 /typescript) 이번 프로젝트에서 주소와 우편번호를 입력해야 할 일이 생겼다. 배송지를 입력하는 과정에서 들어가야 하는 기능으로 검색을 해보니 카카오에서 제공해주는 우편번호 서비스 예제 코드를 직접 이용하는 방법과, react-daum-postcode 라이브러리를 이용하는 방법 2가지가 있었다. 카카오 우편번호 서비스는 이곳에 아주 자세하게 나와있다. https://postcode.map.daum.net/guide#sample Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 두가지를 비교해보던 중 라이브러리의 코드가 더 복잡하지 않을.. 2023. 4. 12. [React_typescript]kakao 지도 api 연동하기 (키워드 검색 기능 추가) 새로운 프로젝트를 하는 중 kakao 지도를 연동하고 검색하는 기능을 구현하게 되었다. 만들고 보니 간단했던 것 같은 착각(?)이 들지만 한참 해멨던 기능이기에 정리해보려고 한다. 구현영상 선행 과정 먼저 지도를 원하는 페이지와 연동하기 위해서는 카카오 developers에 내 어플리케이션을 등록하고 api키를 받아오는 과정이 먼저 선행되어야 한다. 그 과정은 어렵지 않고 많이 나와있으니 따로 기록하지 않고 넘어가려한다. https://apis.map.kakao.com/ 등록하는 과정이 끝나고 나오는 4가지 종류의 api key중 javascript api key를 이용하면 된다. 사용한 라이브러리 npm install react-kakao-maps-sdk 카카오 map과 관련되어 위 라이브러리를 이용했.. 2023. 3. 3. 이전 1 다음 728x90 반응형
