[데브코스/TIL] DAY22 - JavaScript(9) 내장 객체-2

Minha Ahn·4일 전
1

데브코스

목록 보기
18/22
post-thumbnail

🧮 Math 내장 객체

1. 주요 속성

Math.PI

  • 원주율 π 값 반환 (약 3.14159)

2. 주요 메서드

  • Math.abs(x) : 절댓값
  • Math.ceil / floor : 올림, 내림
  • Math.round : 반올림
  • Math.random : 무작위 실수 반환 (0~1)
  • Math.max / min : 최대값, 최소값
  • Math.pow / sqrt : 거듭제곱, 제곱근
  • Math.sin / cos / tan : 삼각 함수 (각도는 라디안)
    • Math.sin(Math.PI / 4)

📅 Date 내장 객체

1. Date 객체 생성

  • 현재 날짜 시간 생성 : new Date()
  • 특정 날짜 및 시간
    • 문자열로 넣기 : new Date('2024-11-04')
    • 개별 구성 요소로 넣기 : new Date(2024, 11, 04, 15, 23, 22)

2. 주요 메서드

날짜 및 시간 가져오기

  • getFullYear : 연도
  • getMonth : 월 (0-11)
  • getDate : 날짜 (1-31)
  • getHours, getMinutes, getSeconds : 시간, 분, 초

날짜 및 시간 설정하기

  • setFullYear : 연도
  • setMonth : 월 (0-11)
  • setDate : 날짜 (1-31)
  • setHours, setMinutes, setSeconds : 시간, 분, 초

날짜 및 시간 형식화

  • toString : 문자열 형식으로 변환
  • toISOStriing : ISO 8601 형식으로 변환
  • toLocaleString : 지역에 맞는 형식으로 변환
const date = new Date("2024-10-23");
console.log(date.toString());
console.log(date.toISOString());
console.log(date.toLocaleString()); // JS를 실행시키는 위치를 감지해 해당 지역에 맞게 출력
console.log(date.toLocaleString("ko-KR"));
console.log(date.toLocaleString("en-US"));
console.log(date.toLocaleString("en-CA"));
Wed Oct 23 2024 09:00:00 GMT+0900 (대한민국 표준시)
2024-10-23T00:00:00.000Z
2024. 10. 23. 오전 9:00:00
2024. 10. 23. 오전 9:00:00
10/23/2024, 9:00:00 AM
2024-10-23, 9:00:00 a.m.

toLocaleString 추가 내용

  • 옵션을 이것저것 추가할 수 있음
    • weekday : narrow, short, long
    • timeZoneName : short, long
    • 나머지 : numeric, 2-digit
const now = new Date();

console.log(now.toLocaleString('ko-KR')); // 기본 형식 (한국어)
console.log(now.toLocaleString('en-US')); // 미국 영어 형식

// 옵션을 사용한 예제
const now = new Date();
const options = {
    weekday: 'long', // 요일 출력 여부
    year: 'numeric', // 연도 표시 형식 지정
    month: 'long', // 월 표시 형식 지정
    day: '2-digit', // 일 표시 형식 지정
    hour: '2-digit', // 시간 표시 형식 지정
    minute: '2-digit', // 분 표시 형식 지정
    second: '2-digit', // 초 표시 형식 지정
    timeZoneName: 'short' // 시간대 이름을 표시할지 표시 여부 지정
};

console.log(now.toLocaleString('ko-KR', options)); // "수요일, 2024년 10월 30일 12:34:56 KST"

날짜 계산

  • Date 객체 2개를 빼면 밀리초로 결과 나옴
  • 현재 타임 스탬프는 Date.now()
  • 특정 날짜를 new Date(날짜).getTime() 밀리초로 변환
profile
프론트엔드를 공부하고 있는 학생입니다🐌

0개의 댓글