개발자의 개발 블로그

1. 다음 지도 API를 검색한다

2. Daum 지도 API 사이트에 들어간다.

3. 웹사이트에 삽입할 것이므로 Web 선택한다.

1일 300,000회까지 사용이 가능하다고 한다. 시작하기 고고~

Daum 지도 Javscript API 는 키 발급을 받아야만 사용할 수 있다. 

그리고 키를 발급받기 위해서는 카카오 계정이 필요하다.

아 맞다.. 다음이 아니라 카카오였지..

키 발급에는 아래 과정이 필요하다. 지도 하나 주는데 까다롭다...

1. 카카오 개발자사이트 (https://developers.kakao.com) 접속한다.

2. 개발자 등록 및 앱 생성한다.

3. 웹 플랫폼 추가: 앱 선택 – [설정] – [일반] – [플랫폼 추가] – 웹 선택 후 추가한다.

4. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합니다. (예: http://localhost:8080)

5. 페이지 상단의 [JavaScript 키]를 지도 API의 appkey로 사용합니다.

6. 앱을 실행한다.

도메인이 아직 없는데 뭔 도메인을 입력하라는건지 모르겠다. 필수 입력이라는데... 그냥 원하는 도메인을 입력했다. 

안된다..

등록된 사이트 도메인에서만 지도API를 사용할 수 있기 때문에 반드시 등록해주세요.

 도메인을 만든 뒤 하자. 아니면 서버를 열어서 하자

작성 끝.

정말 쉽네요~

자동완성이 엄청난것 같아요.

약 2자만 치면 자동으로 목록이 나오고, 선택하면 

시작태그와 끝태그 그리고 중요한 속성까지 입력할 수 있게 자동완성되어 보여지네요

맥 기준으로 Option + Shift + F를 통해 HTML 자동 정렬까지 가능하구요~

확장을 통해 브라우저까지 쉽게 열 수 있으니... 이건 뭐 개발 속도가 증가될 수 밖에요 

아톰에서 엄청 삽질했던게 기억나는데

이런 세상이 있었다니..

물론... 알아야 잘 쓸수 있는거니까... 삽질이나 노가다 입력을 통해 HTML 구조에 대해 알고 계시는 것이 좋을 것같아요.

비주얼 스튜디오 코드에서 브라우저를 쉽게 열려면 패키지를 설치해줘야 한다.

1. 보기 메뉴 - 확장을 선택한다.

2. 아래와 같은 창이 나온다. 

3. View in Browser를 입력한다. 그리고 설치한다.

설명은 다음과 같다. 단축키는 Ctrl + F1이라고 한다.

끝났다..

깔끔하게 종료한 뒤, 다시 들어가서 코드에 커서를 놓고

윈도우 : Ctrl + F1

맥 : Command + F1

을 누르게 되면 자동으로 브라우저가 열리며 코드가 적용된것을 볼 수 있다.