[ output ] vue-daum-map 컴포넌트

다음 지도를 래핑한 Vue.js 컴포넌트입니다. 저장소 NPM Github 데모 Demo 참고 사항 중심좌표와 레벨값은 sync 됩니다. 지도가 로드되면 load 이벤트가 발생하며, 파라미터로 넘어오는 map 객체를 통해 지도를 직접 컨트롤 가능합니다. 지도에서 발생하는 Events 들은 모두 그대로 내어주고 있으므로 필요시 바인딩하여 사용하시면 됩니다. appKey 는 다음 지도 Web API 가이드를 참고하여 새로 발급받아 사용하세요. 개발 환경 […]

[ output ] 듀랑고 맵 사유지 시뮬레이터

듀랑고 실제 맵 위에 사유지를 지정해볼 수 있는 시뮬레이터 데모 Demo 저장소 Github 개발환경 & 도구 Vue.js 2.5.2 ES2015 Webpack 3.6.0 개발의 시작 $ npm install vue-cli -g $ vue init webpack durango-map-simulator https://kr.vuejs.org/v2/guide/installation.html#CLI 이미지는 어디서 가져왔나? 넥슨에서 제공하는 구글 맵 (maps.durango.nexon.com) 크롤링한건가? 처음에는 크롤링해서 맵 이미지를 다운로드했다가 너무 많아서 직접 호출하는 방식으로 변경 어떻게? […]

[ output ] 점심 메뉴 골라주는 라인 챗봇

매일 점심시간마다 메뉴를 정하기가 너무 어려워서 메뉴 목록을 등록해두고 “메뉴”를 외치면 랜덤으로 골라주는 챗봇을 만들었습니다. 사용법 라인>친구추가>친구찾기에서 아이디 “@dia6165p”로 검색하면 구리구리한 숟가락 아이콘의 계정이 나옵니다. 친구 추가 하시고 톡방에 초대합니다. 대화창에 명령어를 입력합니다. /밥 : 명령어 도움말 /밥 목록 : 등록된 메뉴 목록을 출력합니다. (톡방마다 목록 데이터는 별도로 저장됩니다.) /밥 추가 메뉴명 : 메뉴를 목록에 […]

[ output ] 단축 URL 서비스 surl.kr

2011년에 만들어서 계속 운영중인 URL 단축 서비스 서비스 URL http://www.surl.kr SURL이란? SURL은 Shorten URL의 약자로, ‘URL을 짧게 줄인다’는 의미 SURL 서비스 ‘http://lepas.pe.kr/main/?document_srl=984’ 처럼 길이가 긴 URL을 ‘http://surl.kr/12e’ 이와 같이 짧게 축소시켜주는 서비스 SURL 활용 트위터나 블로그에 흥미로운 뉴스기사나 유투브 동영상의 URL을 기재하고자 하는데 140자 공간이 부족할때 문자나 메일로 사이트 URL을 보내려고하는데 너무 길어서 쓰기가 힘들때 […]

[ output ] 실시간 멀티 빙고 게임

2015년쯤 Angular 2 Beta가 나왔을 때 개인적으로 선행학습을 좀 하다가 Angular 2 + Express.js + Socket.io + Bootstrap 으로 만들어본 실시간 멀티 빙고게임. DEMO