RATSENO

셋(Set)은 중복을 허용하지 않는 데이터 집합입니다. 이전 포스팅 : 2019/12/04 - [DEV/JS] - [JS]맵(Map)과 셋(Set) -1 [JS]맵(Map)과 셋(Set) -1 ES6에서 새로 도입한 데이터 구조인 맵과 셋에 대해서 알아보겠습니다. 맵은 키와 값을 연결한다는 점에서 객체와 비슷하고, 셋은 중복을 허용하지 않는다는 점만 제외하면 배열과 비슷합니다. 이번 포스팅에서는.. ratseno.tistory.com 에서 사용한 예제를 다시 활용하겠습니다. 이번에는 한 사용자에게 여러 역할을 할당하고 싶다고 가정하겠습니다. 예를 들어 "User" 역할은 모든 사용자에게 할당되지만, 관리자는 "User" 역할과 "Admin" 역할을 동시에 가질 수 있습니다. 하지만 같은 사용자에게 같은 ..

프라미스 프라미스는 콜백의 단점을 해결하려는 시도 속에서 만들어졌습니다. 프로미스는 일반적으로 안전하고 관리하기 쉬운 코드를 만들 수 있게 됩니다. 프라미스가 콜백을 대체하는 것은 아닙니다. 사실 프라미스에서도 콜백을 사용합니다. 프로미스는 콜백을 예측 가능한 패턴으로 사용할 수 있게 하며, 프라미스 없이 콜백만 사용했을 때 나타날 수 있는 엉뚱한 현상이나 찾기 힘든 버그를 상당수 해결할 수 있습니다. 프라미스의 기본 개념은 간단합니다. 프라미스 기반 비동기적 함수를 호출하면 그 함수는 Promise 인스턴스를 반환합니다. 프라미스는 성공(fulfilled)하거나, 실패(rejected)하거나 단 두 가지뿐입니다. 프라미스는 성공 혹은 실패 둘 중 하나만 일어난다고 확신할 수 있습니다. 성공한 프라미스가..

서버에서 브라우저로 날짜를 전송하거나, 반대로 브라우저에서 서버로 날짜를 전송할 때는 조금 복잡할 수 있습니다. 서버와 브라우저가 다른 타임존에 있더라도 사용자는 자신의 타임존을 기준으로 날짜를 보고 싶어 할 겁니다. 다행히 자바스크립트의 Date 인스턴스는 날짜를 저장할 때 UTC를 기준으로 유닉스 타임스탬프를 저장하므로, Date 객체를 그냥 전송해도 일반적으로 안전합니다. 자바스크립트에서 날짜를 전송하는 가장 확실한 방법은 JSON을 사용하는 겁니다. 날짜는 JSON에서 1:1 대칭이 되게끔 파싱할 수 없으므로 JSON 명세에는 날짜에 대한 데이터 타입을 정의하지 않습니다. const before = { d : new D //before -> {d: Wed Nov 13 2019 09:47:06 GM..

날짜 조작에 자주 사용되는 moment.js 라이브러리를 소개하겠습니다. moments.js 타임존을 지원하는 버전과 지원하지 않는 버전 두가지가 있습니다. 타임존 버전은 세계의 타임존 정보를 모두 담고 있어서 꽤 양이 많습니다. 다음 설명은 모두 타임존 버전을 기준을 합니다. 웹 기반 프로젝트를 만들고있다면 cdnjs 같은 CDN을 통해 Moments.js를 불러올수 있습니다. 하지만 저는 직접 파일을 다운받아서 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().form..

Date 객체는 네 가지 방법으로 만들 수 있습니다. //아래 결과는 해당 지역의 표준시(UTC+tzOffset)에 따라 다를 수 있습니다. //즉 사용자의 위치가 한국일 경우 UTC +9시간 된 결과가 나옵니다. new Date(); //Tue Nov 12 2019 10:43:55 GMT+0900 (한국 표준시) //자바스크립트의 월은 0으로 시작합니다. 즉 0은 1월이고, 1은 2월입니다. new Date(2019, 0; //Tue Jan 01 2019 00:00:00 GMT+0900 (한국 표준시) - 2019년 1월 1일 0시 new Date(2019, 1); //Fri Feb 01 2019 00:00:00 GMT+0900 (한국 표준시) - 2019년 2월 1일 0시 new Date(2019, ..