[ 자바스크립트+jQuery 완전정복 스터디 1 ]

PART3 - CH04 Date 클래스

Date클래스는 날짜 및 시간과 관련된 다양한 기능을 제공합니다. Date클래스는 다른 자바스크립트 코어 클래스만큼 많이 사용하진 않지만 기본적인 클래스인 만큼 한번 정도는 살펴봐야 합니다.

Date 클래스에는 날짜 및 시간과 관련된 유용한 기능이 담겨있습니다. Date클래스는 실무에서 다음과 같은 경우 유용하게 사용됩니다.

다이어리 같은 프로젝트에서 달력을 만들 때

현재 시간을 출력하는 시계를 만들 때에도 사용

슈팅 게임을 만드는 경우 플레이 경과 시간을 알아낼 때에도 사용합니다.

D-Day를 출력할 때에도 사용합니다.

메서드 목록

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date

날짜 구하기

좀 더 나은 날짜구하기

배열 역시 배열 리터럴([1, 2, 3]과 같은 형태)로 많이 사용햇기 때문에 잘 모르겠지만 사실 배열 리터럴은 자동으로 배열(Array)클래스로 변환 돼 사용됩니다. 또 배열 클래스는 자바스크립트 코어 라이브러리 중 사용 빈도가 가장 높은 클래스 중 하나 입니다.

Array 클래스는 배열을 만드는 기능부터, 추가, 삭제, 찾기 등의 유용한 기능이 담겨있습니다. Array 클래스는 실무에서 다음과 같은 경우 유용하게 사용됩니다.

-게시판에서 게시물 리스트를 출력할 때 배열이 사용됩니다.
-갤러리에서 이미지 리스트를 출력할 때 배열이 사용됩니다.
-웹 사이트의 메뉴를 만들 때 메뉴 항목을 출력할 때에도 배열을 사용 합니다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

실무에서는 Array 클래스를 활용해 다음과 같은 기능을 구현할 수 있어야 합니다.

배열 만들기

배열 요소 개수 알아내기

특정 위치의 배열 요소 접근하기

배열을 문자열로 만들기

문자열을 배열로 만들기

특정 위치에 배열 요소 추가

특정 위치의 배열 요소 삭제

정렬하기

// 리터럴 방식
var arr1 = [1, 2, 3, '사', '오'];

// 클래스 방식
var arr2 = new Array(1, 2, 3, '사', '오');

배열 선언 및 추가, 삭제

splice 메서드(https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice)

배열 정렬하기

배열 총 합 구하기

배열의 사용 예