프로그램 사용/네이버 맵 API2018. 11. 22. 17:56

ncloud 가입 그리고 지도 API v3

겁 먹었었는데.. 가입이 되어 있었나?

그냥 네이버 아이디로 로그인 하니 문제없이 로그인 된다..


[링크 : https://www.ncloud.com/]

[링크 : https://www.ncloud.com/product/applicationService/maps]


독특하게(?) AI.Naver API 라고

AI Service와 Application Service가 합쳐져 있다.

Application Service에 Maps가 포함되고

AI Service에 Clova와 Papago가 포함된다.



[링크 : https://console.ncloud.com/mc/solution/naverService/application]



하단에 Applicaton 등록 누르고 동의 한다음

Application 이름 등록하고 쓸 서비스, 그리고 사용할 서비스 도메인을 등록한다.


그러면 아래와 같이 사용량 통계 나오고


인증정보를 누르면 아래와 같이 클라이언트 ID가 나온다.


가입하고 보니 친절한 설명이 나오네 ㅋㅋㅋ

[링크 : http://docs.ncloud.com/ko/naveropenapi_v3/application.html]

[링크 : https://navermaps.github.io/maps.js.ncp/]


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <title>간단한 지도 표시하기</title>
    <script type="text/javascript" src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=YOUR_CLIENT_ID"></script>
</head>
<body>
<div id="map" style="width:100%;height:400px;"></div>

<script>
var mapOptions = {
    center: new naver.maps.LatLng(37.3595704, 127.105399),
    zoom: 10
};

var map = new naver.maps.Map('map', mapOptions);
</script>
</body> 

</html> 


[링크 : https://navermaps.github.io/maps.js.ncp/tutorial-2-Getting-Started.html]



+

버전은 둘다 v3이고 clientId 식별자가 다른 키로 바뀌었다.


구버전

<script src="https://openapi.map.naver.com/openapi/v3/maps.js?clientId=USER_CLIENT_KEY"></script>


신버전

<script src="https://openapi.map.naver.com/openapi/v3/maps.js?ncpClientId=USER_CLIENT_KEY"></script>

저작자표시 (새창열림)

'프로그램 사용 > 네이버 맵 API' 카테고리의 다른 글

네이버 지도 흑백으로 바꾸기  (2) 2018.12.05
네이버 지도 원 그리기 단위  (0) 2018.12.04
네이버 지도 API - polyline 삭제하기  (0) 2018.11.21
네이버 지도 위도/경도 좌표  (0) 2018.10.29
네이버 API 공지  (2) 2018.10.13
Posted by 구차니
Programming/javascript & HTML2018. 11. 21. 19:20

js object array sort by key



[링크 : https://stackoverflow.com/questions/5467129/sort-javascript-object-by-key/31102605]


저작자표시 (새창열림)

'Programming > javascript & HTML' 카테고리의 다른 글

브라우저 닫기, 창 이동시 이벤트  (0) 2018.11.30
javascript 변수 정확도  (0) 2018.11.26
wavesurfer.js 그리고 HE-AACv2  (0) 2018.11.21
requireJS  (0) 2018.11.21
[Violation] 'setInterval' handler took  (0) 2018.11.18
Posted by 구차니
Programming/d32018. 11. 21. 19:06

d3 multi line graph


[링크 : https://beta.observablehq.com/@mbostock/d3-multi-line-chart]


d3.v4

d3.line 

[링크 : https://bl.ocks.org/d3noob/4db972df5d7efc7d611255d1cc6f3c4f]

[링크 : https://codepen.io/zakariachowdhury/pen/JEmjwq]



d3 3.5.3

[링크 : https://bl.ocks.org/larsenmtl/e3b8b7c2ca4787f77d78f58d41c3da91]


+ 2018.11.22

[링크 : http://bl.ocks.org/hunzy/11110940] grid

저작자표시 (새창열림)

'Programming > d3' 카테고리의 다른 글

d3 axis  (0) 2018.11.27
d3 온도/습도 그래프  (0) 2018.11.26
d3.time.format  (0) 2018.11.21
d3 pie 칸색 바꾸기  (0) 2018.11.15
d3 update 두번째 검색내용..  (0) 2018.11.15
Posted by 구차니
Programming/javascript & HTML2018. 11. 21. 17:45

wavesurfer.js 그리고 HE-AACv2

크롬에서는 HE-AACv2를 지원하지 않는건가? edge는 되는데 머야...

Uncaught (in promise) DOMException: Unable to decode audio data


[링크 : https://bugs.chromium.org/p/chromium/issues/detail?id=409402]

[링크 : https://bugs.chromium.org/p/chromium/issues/detail?id=534301]

[링크 : https://github.com/katspaugh/wavesurfer.js/issues/703]

저작자표시 (새창열림)

'Programming > javascript & HTML' 카테고리의 다른 글

javascript 변수 정확도  (0) 2018.11.26
js object array sort by key  (0) 2018.11.21
requireJS  (0) 2018.11.21
[Violation] 'setInterval' handler took  (0) 2018.11.18
JSON.stringify() 주의사항(?)  (0) 2018.11.17
Posted by 구차니
Programming/javascript & HTML2018. 11. 21. 17:18

requireJS

node.js 예제를 보다 보면

분명히(?) client side인데 require가 있어서 보는 중..

require.js로 JS들을 조건부 load 할 수 있다고 하는데...

[링크 : https://requirejs.org/docs/commonjs.html]


AMD는 Asynchronous Module Definition (비동기 모듈 정의) 규칙이다.

[링크 : https://blog.pigno.se/post/157992405313]



// EITHER - accessing modules with <script> tags

var WaveSurfer = window.WaveSurfer;

var TimelinePlugin = window.WaveSurfer.timeline;

var MinimapPlugin = window.WaveSurfer.minimap;


// OR - importing as es6 module

import WaveSurfer from 'wavesurfer.js';

import TimelinePlugin from 'wavesurfer.js/dist/plugin/wavesurfer.timeline.min.js';

import MinimapPlugin from 'wavesurfer.js/dist/plugin/wavesurfer.minimap.min.js';


// OR - importing as require.js/commonjs modules

var WaveSurfer = require('wavesurfer.js');

var TimelinePlugin = require('wavesurfer.js/dist/plugin/wavesurfer.timeline.min.js');

var MinimapPlugin = require('wavesurfer.js/dist/plugin/wavesurfer.minimap.min.js');


// ... initialising waveform with plugins

var wavesurfer = WaveSurfer.create({

    container: '#waveform',

    waveColor: 'violet',

    plugins: [

        TimelinePlugin.create({

            container: '#wave-timeline'

        }),

        MinimapPlugin.create()

    ]

}); 


[링크 : https://wavesurfer-js.org/doc/]

저작자표시 (새창열림)

'Programming > javascript & HTML' 카테고리의 다른 글

js object array sort by key  (0) 2018.11.21
wavesurfer.js 그리고 HE-AACv2  (0) 2018.11.21
[Violation] 'setInterval' handler took  (0) 2018.11.18
JSON.stringify() 주의사항(?)  (0) 2018.11.17
canvas to input type=file formdata  (0) 2018.11.15
Posted by 구차니
Programming/node.js2018. 11. 21. 15:56

sqlite for node.js

sqlite3 패키지를 설치한다.


[링크 : https://www.npmjs.com/package/sqlite3]

[링크 : https://github.com/mapbox/node-sqlite3]

[링크 : http://www.sqlitetutorial.net/sqlite-nodejs/]

저작자표시 (새창열림)

'Programming > node.js' 카테고리의 다른 글

node.js xml <-> json  (0) 2018.11.25
node.js mysql blob  (0) 2018.11.23
node.js swagger  (0) 2018.11.12
node.js axios delete에 body 쓰기  (0) 2018.11.12
mysql jwt plain object payload  (0) 2018.11.09
Posted by 구차니
Programming/d32018. 11. 21. 11:31

d3.time.format

식별자로 바로바로 나온다.

근데.. 먼가 좀 직관적이지 않네?


var formatMillisecond = d3.timeFormat(".%L"),

    formatSecond = d3.timeFormat(":%S"),

    formatMinute = d3.timeFormat("%I:%M"),

    formatHour = d3.timeFormat("%I %p"),

    formatDay = d3.timeFormat("%a %d"),

    formatWeek = d3.timeFormat("%b %d"),

    formatMonth = d3.timeFormat("%B"),

    formatYear = d3.timeFormat("%Y"); 

[링크 : https://github.com/d3/d3-time-format]

저작자표시 (새창열림)

'Programming > d3' 카테고리의 다른 글

d3 온도/습도 그래프  (0) 2018.11.26
d3 multi line graph  (0) 2018.11.21
d3 pie 칸색 바꾸기  (0) 2018.11.15
d3 update 두번째 검색내용..  (0) 2018.11.15
d3 update enter  (0) 2018.11.12
Posted by 구차니
프로그램 사용/네이버 맵 API2018. 11. 21. 11:23

네이버 지도 API - polyline 삭제하기

marker든 polyline 이든 setMap(null)을 해주면 사라진다.

한번에 편하게(?) 하는 법은 없고, 추가할때 배열로 관리해야 한다는 건 변하지 않네..


setMap(map)

오버레이를 지도에 추가합니다. 인수로 null을 전달하면 오버레이를 지도에서 제거합니다. 

[링크 : https://navermaps.github.io/maps.js/docs/naver.maps.Polyline.html]

[링크 : https://github.com/navermaps/maps.js/issues/31]

저작자표시 (새창열림)

'프로그램 사용 > 네이버 맵 API' 카테고리의 다른 글

네이버 지도 원 그리기 단위  (0) 2018.12.04
ncloud 가입 그리고 지도 API v3  (0) 2018.11.22
네이버 지도 위도/경도 좌표  (0) 2018.10.29
네이버 API 공지  (2) 2018.10.13
네이버 지도 - 클릭시 마커 아이콘 변경하기  (0) 2018.10.10
Posted by 구차니
개소리 왈왈/육아관련 주저리2018. 11. 20. 22:29

터닝메카드R 프린스 콩

딸래미가 이미 다 뜯어 버려서 언박싱 따윈 ㅋㅋ


아무튼 컨트롤러(별매)에는 AAA 건전지 4개가 들어가야하고

컨트롤러와 자동차를 컨트롤러에 동봉된 USB 케이블을 이용해서 충전해야 한다.


[링크 : http://itempage3.auction.co.kr/DetailView.aspx?itemno=B481693079]

[링크 : http://itempage3.auction.co.kr/DetailView.aspx?itemno=B560563549]


+

40분 충전에 10분은 작동한다

그나저나 일반 AAA 배터리인데 몇번이나 충전해서 가지고 놀수 있을까?

그리고 애들에게 40분이나 기다리게 하다니! ㄷㄷㄷ

저작자표시 (새창열림)

'개소리 왈왈 > 육아관련 주저리' 카테고리의 다른 글

살다살다 미세먼지.. 250 육박이라니..  (1) 2018.11.28
먼놈의 첫눈이.. 폭설이여?  (2) 2018.11.24
아내님의 고민 ㅋㅋㅋ  (2) 2018.11.20
지나가다 특템! 근데 변태 배터리가?!  (4) 2018.11.19
으어어 ko. 그리고 3달 이후  (0) 2018.11.17
Posted by 구차니
개소리 왈왈/육아관련 주저리2018. 11. 20. 21:24

아내님의 고민 ㅋㅋㅋ

마트에서 싸게 할인해서 산 터닝카 + 컨트롤러

아내가 크리스마스 선물로 주기로 해놓고는

줄까 말까 고민하는걸 보고 있노라니 웃기다 ㅋㅋㅋ

저작자표시 (새창열림)

'개소리 왈왈 > 육아관련 주저리' 카테고리의 다른 글

먼놈의 첫눈이.. 폭설이여?  (2) 2018.11.24
터닝메카드R 프린스 콩  (4) 2018.11.20
지나가다 특템! 근데 변태 배터리가?!  (4) 2018.11.19
으어어 ko. 그리고 3달 이후  (0) 2018.11.17
공기청정기 키트?  (2) 2018.11.15
Posted by 구차니

티스토리툴바