codingeverybody / codingyahac

https://coding.yah.ac
292 stars 50 forks source link

카카오지도 연동 웹서버 문의 #771

Open mskim8717 opened 4 years ago

mskim8717 commented 4 years ago

와 이렇게 좋은 질문 창이 있었네요!

답변 주시는 분들께 정말 감사 드립니다.

제가 최근에 생활코딩 AWS 관련 영상을 보는데 질문이 있어 메일 드립니다.

다름이 아니라 저는 지금 c# 을 사용해서 프로그램을 하나 만들고 있으며

카카오 지도 표시 기능을 넣고 싶습니다.

근데 단순 정해진 장소 하나만 표시하는 것이 아닌 사용자가 위치를 조회할 때마다 지도 데이터가 업데이트 되어 표시를 해야합니다. (예를들어 서울시 강남구 도곡동 검색시 마크를 찍어 표시하고, 다시 부산시 해운대를 검색하면 마크를 찍어 지도에 표시하는 것처럼요)

카카오에서는 아래와 같이 API 형식으로 오픈해주고 있는데요. (발췌 : http://apis.map.kakao.com/web/guide/)


준비하기 Kakao 지도 Javscript API 는 키 발급을 받아야 사용할 수 있습니다. 그리고 키를 발급받기 위해서는 카카오 계정이 필요합니다.

키 발급에는 아래 과정이 필요합니다.

  1. 카카오 개발자사이트 (https://developers.kakao.com) 접속
  2. 개발자 등록 및 앱 생성
  3. 웹 플랫폼 추가: 앱 선택 – [설정] – [일반] – [플랫폼 추가] – 웹 선택 후 추가
  4. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합니다. (예: http://localhost:8080)
  5. 페이지 상단의 [JavaScript 키]를 지도 API의 appkey로 사용합니다.
  6. 앱을 실행합니다.

등록한 도메인(예: http://localhost:8080)에서 웹 서버를 실행시켜 위 파일을 엽니다. Python이 설치된 컴퓨터에서는 해당 폴더로 이동 후 $ cd /path/to/your/folder/

다음과 같이 테스트용 웹 서버를 실행할 수 있습니다. $ python -m SimpleHTTPServer 8080 브라우저를 열어 위 도메인에 접속합니다. 등록된 사이트 도메인에서만 지도API를 사용할 수 있기 때문에 반드시 등록해주세요.


제가 궁금한 것은 지금부터 입니다.

카카오 지도표시를 위해서는(javascript+HTML 코드 형식) 파이썬을 통해 웹서버를 실행주어야 지도 HTML이 정상적으로 표시가 되는데요.

AWS EC2 를 통해서 만든 웹서버에 사용자 검색 결과(예 위도, 경도 변경) HTML 코드를 올리고(?) 그걸 읽어서 표시 할 수 있는 방법은 없을까요?

아래 영상에서 보면 이고잉님이 index.html 파일을 삭제하고 새로 만든 HTML 코드를 불러오는 것 처럼요. https://www.youtube.com/watch?v=lmDslNR_ymc&list=PLuHgQVnccGMC5AYnBg8ffg5utOLwEj4fZ&index=13

사용자가 검색한 결과대로 새로 HTML 코드를 업데이트 해서 쓰고 그걸 읽어 올 수는 없는건가요?

아니면 제가 가진 지식이 잘못된 접근법인가요?

웹쪽으로는 아직 모르는부분이 많아 이렇게나마 메일로 연락 드려봅니다.

날이 무지 더운데 건강 유의하세요.

감사합니다.

Haytsir commented 4 years ago

서버에 웹 페이지를 이용해 카카오 지도를 정상적으로 표시할 수 있다면,

C#의 WebView를 이용해보시는 건 어떨까요?

mskim8717 commented 4 years ago

서버에 웹 페이지를 이용해 카카오 지도를 정상적으로 표시할 수 있다면,

C#의 WebView를 이용해보시는 건 어떨까요?

네 C# WebView와 비슷해보이는 WebBrowser를 사용해서 지도 표시는 가능합니다. 다만 제가 원하는 것은 HTML을 지속적으로 업데이트 해서 불러 올수 있는 기능입니다. 예를 들어 GPS 정보를 업데이트 한 내용을 불러올 수 있는지 궁금합니다. C언어에서 파일 읽고 쓰기 처럼 가능할 순 없는지... 도움 요청 드립니다.

Haytsir commented 4 years ago

C#내에서 GPS정보를 이용해 javascript 함수를 호출할 수 있다면,

위치를 이동시키면서 사용하는 방식으로 응용 가능할겁니다.

그게 안된다면 웹 내부에서 처리하는 방식을 찾아보셔야 할 거 같아요.

여기에서 관련예제를 참고하시고, 여기에서 사용할 수 있는 메서드들을 찾아보세요.