인프런 커뮤니티 질문&답변

Hi y님의 프로필 이미지
Hi y

작성한 질문수

배달앱 클론코딩 [with React Native]

네이버맵 연동하기

장소 검색 기능 구현을 하다가 난관에 봉착해, 조언을 요청드립니다.

작성

·

309

0

질문 카테고리를 변경하다가 내용이 다 삭제되어 다시 질문을 올립니다ㅠㅠ

우선 좋은 강의 만들어 주셔서 감사합니다!

초보자임에도 불구하고 강의를 듣고 나서 앱을 만들 수 있겠다는 자신감을 얻어 앱을 만들던 중 난관에 봉착하여 질문을 드립니다.

 

만드려고 하는 기능은 다음과 같습니다.

  1. 사용자가 장소를 검색.

  2. 검색한 장소를 네이버 지도에서 마커로 표시해줌.

 

질문은 다음과 같습니다.

  1. 장소 검색 기능을 추가하려고 합니다. 카카오 장소 검색 api를 사용하는 것이 제일 좋은 방법인지 궁금합니다.

  2. 카카오 장소 검색 api는 웹뷰를 이용해야 하는 것 같은데 웹뷰 구동 방식이 제가 생각하는 방식이 맞는지 궁금합니다.

    1. reactnative에서 react 프로젝트 호출 -> react에서 카카오 장소 검색 api 호출 -> 카카오 api 응답 -> react에서 reactnative 프로젝트로 응답 전달 -> reactnative에서 응답을 받아서 사용

 

제가 알아본 과정은 다음과 같습니다.

  1. 제로초님께서 react-native-naver-map 라이브러리는 장소 검색 기능이 없다는 것을 알게 되었습니다.

  2. 장소 검색을 하기 위해서는 새로운 api를 사용해야 한 다는 것을 깨닫고, 네이버 장소 검색 api를 확인해본 결과, 네이버 장소 검색 api는 최대 5개의 결과값만 받을 수 있다는 것을 알게 되었습니다.

  3. 응답을 5개만 받을 수 있다는 한계가 너무 명확하여, 대안을 찾던 도중 카카오 장소검색 api, 구글 장소 검색 api가 있는 것을 확인하였습니다.

  4. 구글 장소 검색 api를 사용한 블로그 글이 꽤 있었지만 네이버 지도 + 구글 장소 검색 api 조합을 사용 할 거라면 차라리 구글 지도 + 구글 장소 검색 api 조합이 더 좋을 것 같다는 판단을 하였지만 네이버 지도를 사용하고 싶었기 때문에 최종적으로는 네이버 지도 + 카카오 api를 사용하려고 합니다.

  5. 카카오 장소 검색 api를 사용하기 위해 카카오 장소 검색 안드로이드 api 공식 문서를 살펴본 결과, 내용이 자바 코드로 안내가 되어있었습니다.

  6. 처음에는 자바 코드로 작성되어 있어서 어리둥절 하였지만 안드로이드는 자바 or 코틀린으로도 개발한다는 것을 알게 되었습니다.

     

  7. 몇몇 블로그를 살펴보니 reactnative에서 카카오 장소 검색 api를 사용할 때는 웹뷰를 사용한다는 사실을 알게 되었습니다.

  8. 웹뷰를 사용한다면 리액트 프로젝트를 따로 만들고 구동해야 하는 것 같은데, 이게 최선의 방법인지 혼란스러워서 질문을 남기게 되었습니다.

 

 

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

js sdk가 아니라 rest api를 쓰시면 웹뷰가 필요없습니다.

https://developers.kakao.com/docs/latest/ko/local/dev-guide#search-by-keyword

네이버지도 api가 5개밖에 안 준다면 5개를 주는 걸 여러 페이지 묶어서 호출해 보여주는 방법도 있습니다.

Hi y님의 프로필 이미지
Hi y

작성한 질문수

질문하기