날짜

[JS] 시작일과 종료일 사이 모든 날짜 구하기

시작일(YYYY-MM-DD) ~ 종료일(YYYY-MM-DD) 사이의 모든 [시, 일, 월, 년] 단위의 배열을 만들 수 있습니다. See the Pen Untitled by hyukson (@hyukson) on CodePen. 코드 const getDateRange = (startDate, endDate) => { const start = new Date(startDate); const end = new Date(endDate); const result = []; while (start

[JS] getWeek(), 특정 날짜가 몇주차인지 구하기

코드 const getWeek = (date) => { const currentDate = date.getDate(); const firstDay = new Date(date.setDate(1)).getDay(); return Math.ceil((currentDate + firstDay) / 7); }; const week = getWeek(new Date("2022-11-11")); console.log(week + "주차"); // 2주차 2022-11-11와 같은 Date 객체를 넘길 시, 해당 날짜가 위치한 주차를 구해서 반환해주는 함수입니다. 코드 풀이 const date = new Date('2022-11-11'); const currentDate = date.getDate(); // 11 c..

[JS] 랜덤 날짜 생성하기

See the Pen Random Date by hyukson (@hyukson) on CodePen. 랜덤 한 수를 생성하는 방법은 Math.random() 메서드를 이용하면 임의의 값을 얻을 수 있습니다. end - start 날짜 수식을 통해 날짜의 차이 값을 구할 수 있습니다. 두 날짜 사이의 범위 function getRandomDate(start, end) { const startDate = start.getTime(); const endDate = end.getTime(); return new Date(startDate + Math.random() * (endDate - startDate)); } // 시작 날짜 ~ 종료 날짜 getRandomDate(new Date(2022, 1, 1), ..

[JS] 현재 날짜, 시간 포맷 (YYYY-MM-DD hh:mm:ss)

YYYY-MM-DD HH:MM:SS const TIME_ZONE = 9 * 60 * 60 * 1000; // 9시간 const date = new Date('2021-08-05 09:51:31'); new Date(date.getTime() + TIME_ZONE).toISOString().replace('T', ' ').slice(0, -5); // 2021-08-05 09:51:31 toISOString() 메서드는 "YYYY-MM-DDTHH:mm:ss.sssZ" 형식으로 정보가 반환되며, replace(), slice(0, -5)으로 불필요한 정보를 제거해줍니다. 해당 메서드에서 출력되는 시간은 UTC(미국) 기준으로 출력됩니다. 이를 대한민국 서울 시간에 맞추기 위해서 3240 * 10000(9시간..

[JS] 달력 만들기

CSS의 display의 grid 속성을 이용해서 제작한 달력입니다. 완성 코드 See the Pen Untitled by hyukson (@hyukson) on CodePen. 전체 코드 const makeCalendar = (date) => { const currentYear = new Date(date).getFullYear(); const currentMonth = new Date(date).getMonth() + 1; const firstDay = new Date(date.setDate(1)).getDay(); const lastDay = new Date(currentYear, currentMonth, 0).getDate(); const limitDay = firstDay + lastDay; c..

[JS] 하루 전, 일주일 전, 한달 전, 일년 전 구하기

const d = new Date(); // 날짜를 정하기 new Date(2020, 0, 1).toLocaleDateString(); // "2020. 1 1." const year = d.getFullYear(); // 년 const month = d.getMonth(); // 월 const day = d.getDate(); // 일 // 어제 날짜 구하기 new Date(year, month, day - 1).toLocaleDateString(); // 일주일 전 구하기 new Date(year, month, day - 7).toLocaleDateString(); // 한달 전 구하기 new Date(year, month - 1, day).toLocaleDateString(); // 일년 전 구하기..

[JS] 현재의 날짜와 시간 구하기

javascript에서 현재의 날짜를 구하는 방법을 알아보겠습니다. 현재 날짜 구하기 new Date()는 시간의 특정 지점을 나타내는 Date 객체를 생성합니다. const date = new Date(); 연도 / 월 / 일 / 요일 구하기 new Date를 이용하여 연도/월/일/요일을 얻을 수 있습니다. const a = new Date(); let year = a.getFullYear(); let month = a.getMonth(); let date = a.getDate(); let day = a.getDay(); getFullYear() new Date 객체의 년도 정보를 반환합니다. getMonth() new Date 객체의 월 정보를 반환합니다. 월은 0부터 시작합니다. 1월 = 0 get..