언어
자바스크립트의 Date 는 자바의 Date와 유사하게 만들어졌으며 동일한 문제를 갖고 있다. 이때문에 Date를 직접 쓰기보다는 많은 개발자들이 moment.js 나 date-fns 같은 라이브러리를 이용해서 시간을 관리하고 있다. moment.js는 오래되었고 가장 많이 사용된 javascript 시간 라이브러리다. 그러나 용량이 크고 리턴값과 참조값이 모두 변경되며 트리 쉐이킹이 되지 않는 몇가지 문제점 때문에 Deprecated되었다. 그럼에도 많이 사용되고 있으며 선호되었다. 최근에는 가볍고 함수단위로 필요한 만큼 import 해서 사용가능한 date-fns가 주목받고 있다. (Date-fns는 총 용량이 300byte 내외로 가볍다) 또는 플러그인 단위로 추가가능한 Day.js 또한 추천된다. ..
fetch('http://example.com/movies.json') .then((response) => response.json()) .then((data) => console.log(data)); Fetch는 이전까지 사용하던 Ajax를 대체하는 API다. 익스플로러11이 이제 서비스 종료가 되었으니 Fetch를 쓰는 것이 더 나아 보임. 코드도 훨씬 간단하다. Ajax는 XMLHttpRequest (XHR) 객체를 사용하여 서버와 통신하는 기술이었는데 Fetch는 promise 객체를 반환한다. 응답할 때는 response 객체를 받고, 이를 json()로 파싱할 수 있다. Http 오류 상태도 수신하지만 200~299 범위가 넘어가는 경우에는 ok 속성을 false로 바꾼다. // POST 메서..
웹 스토리지는 쿠키보다 용량이 크고 시간제한이 없는 저장공간이다. 비교적 보안상 중요하지 않은 정보값을 저장할 때 이용할 수 있으며 브라우저를 닫더라도 정보가 유지된다. 웹 스토리지에는 로컬스토리지와 세션스토리지가 있다. 로컬스토리지는 정보가 유지되지만 세션스토리지는 탭을 닫거나 브라우저를 닫으면 정보가 휘발된다. 스토리지에 저장되는 값은 모두 String으로, Key와 Value 쌍으로 이루어진다. 그러므로 숫자 데이터가 넣고 싶다면 JSON형태로 저장해야 한다. (JSON.stringify) 임시저장을 자동으로 하게 된다면 1. 일정시간마다 자동으로 저장하는 방법 2. 입력 폼에 focus가 해제된 상태, 즉 blur일 때마다 저장하는 방법 을 고려해볼 수 있겠다 입력 중에 저장되어야 하므로 ajax..
document.getElementById('요소의 id값') 주어진 문자열과 일치하는 id를 가진 엘리먼트를 반환(classs는 getElementclassName()) document.querySelector("CSS선택자") 지정된 선택자와 일치하는 문서 내 첫번째 엘리먼트를 반환 document.querySelectorAll("CSS선택자") 지정된 선택자와 일치하는 문서 내 모든 엘리먼트를 반환
