inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Next.js 시작하기(feat. 지도 서비스 개발)

질문좀 드릴께요 지도

해결된 질문

515

나만죽을순없지

작성한 질문수 2

1

안녕하세요 선생님 혹시 지도는 구글지도를 이용해서 하는 방법은 없을까요?

 

수강신청했습니다

seo next.js vercel csr ssg ssr

답변 1

0

박용주

안녕하세요. 질문 감사드립니다.

강의에서 어려운 지도 API를 사용하진 않고 있어서(map API, marker API, marker click event 사용 중), google map API로 migration하는 것이 크게 어려워보이지는 않습니다.

google map API 문서 예시>
개요: https://developers.google.com/maps/documentation/javascript/overview?hl=ko
마커: https://developers.google.com/maps/documentation/javascript/markers?hl=ko
마커 클릭 이벤트 처리: https://developers.google.com/maps/documentation/javascript/events?hl=ko

강의에서 제공하는 소스 코드에서 naver.maps 에 해당하는 코드를 google.maps 로 옮겨야합니다. 지도 API를 이미 다뤄본 분들에게는 쉬운 작업이겠지만, 처음 배우시는 분들은 map API에 대한 틀을 먼저 이해하고 천천히 옮기는 것이 더 쉬울 것 같습니다.

지도 API가 익숙하지 않으시다면 강의를 통해 map에 대한 전체적인 틀을 이해한 뒤 google maps로 나중에 변경하시거나, 굳이 naver map을 학습하고 싶지 않으시다면 소스 코드를 다운로드 받기 전 미리 환불하는 것이 좋을 것 같습니다ㅠㅠ 네이버 지도를 기반으로 강의가 진행된터라 이정도까지만 안내드릴 수 있다는 점 양해부탁드립니다🥲

감사합니다!🙏

API 라우터를 사용해야 하는 경우에 대해

1

150

1

키보드 어떤 거 사용하시나요

1

352

1

next.js 멀티플 런타임 관련해서 질문 올립니다..

1

358

2

아주 기초적인 질문입니다.

1

322

1

서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?

1

1170

2

수업을 듣다가 SSR에 관하여..

1

551

2

interface 와 type

1

376

1

엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.

1

384

1

onLoad함수 (script태그의 onLoad X)

1

426

1

dynamic에 대한 질문

1

447

1

SSR vs SSG

1

476

2

NoSSR 관련한 질문입니다:)

1

376

1

a tag 질문 !

1

327

2

8분 20초 배포 관련

1

324

2

안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다

0

2678

2

emotion styles 파일이 빌드시 경고로 뜹니다.

1

438

1

naver map 이 출력되지 않습니다.

1

481

1

페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?

1

264

2

Failed to load resource: the server responded with a status of 404 ()

1

1034

2

VSCode 익스텐션 궁금합니다.

1

356

1

상태관리 질문 있습니다!

1

449

1

swr에 대한 질문입니다. (용어 관련)

1

372

1

swr 질문입니다!

1

337

1

안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.

1

679

2