⁂ Java Script
[JS] moment.js - JavaScript 날짜 관련 라이브러리
1. Moment.js moment.js는 자바스크립트에서 날짜와 관련된 작업을 할 수 있게 모아둔 라이브러리이다. 자바스크립트의 내장 객체인 Date()의 복잡성을 단순화하고, 다양하게 사용할 수 있도록 만들어둔 라이브러리다. 다운로드는 아래 사이트에서 할 수 있다. https://momentjs.com/ Moment.js | Home Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYY..
[JS] #13-2 오픈소스 활용하기 : 카카오맵 활용
참고 사이트 : https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 1. 카카오맵으로 지도 띄우기 1) API키 받기 앞서 살펴보았던 카카오 우편번호 서비스는 특별한 API 키 없이도 사용이 가능한 오픈 소스였다. 하지만 이 카카오맵은 API를 따로 생성해야한다. 그렇기에 회원가입 및 로그인이 필수이다. 회원가입과 로그인을 마치고 API키를 받아오자. 위 이미지에서 JavaScript 키를 복사해두면 된다. 2) 코드 복사하기 이제 카카오 Developers 사이트의 지도 안에 들어가 가이드 항목..
[JS] #13-1 오픈소스 활용하기 : 카카오 우편번호 서비스
1. 오픈소스 활용하기! 참조 : 카카오 우편번호 서비스 https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 여러 오픈 소스 중에서는 인증키를 가지고 있어야만 사용할 수 있는 오픈 소스가 있다. 하지만 이 우편번호 서비스는 key를 따로 발급받을 필요가 없는 오픈 소스이다. 위 사이트를 확인해보면 사이트에 적용하는 방법과 예제까지 모두 확인해볼 수 있다. 그러나 코드를 그저 복붙하면 무조건 적용이 되는 것이 아니므로 오픈 소스를 나의 페이지에 적용하는 방법을..
[JS] #12 JavaScript JSON
1. JSON에 대하여 JavaScript 안에서는 사용되는 여러 가지 문법이 있는데(AJAX, AngularJS, React 등등) 그 중 하나이다. JSON은 JavaScript Object Notation의 약자로 문법에 대한 표기법이다(언어가 아니다). data를 서로 주고 받는 통신 상황에서 data를 어떻게 저장할 것인지 표기하는 문법이라고 이해하면 된다. 이 JSON이 가장 흔히 쓰이는 것이 바로 댓글이다. 사이트를 들어가면 사이트 내에서 이동할 때마다 URL이 바뀌는 것을 확인할 수 있다. URL이 바뀐다는 것은 그 사이트가 사용자에게 URL이 바뀔 때마다 새로운 문서의 전체를 준다는 것이다. 이 모습이 페이지 단위(문자 단위; 비동기식)로 통신하는 모습이다. 그런데 댓글을 열고, 다른 댓..