[javascript 기초 강좌] 3. 메시지창과 날짜 구하기 (prompt, confirm, alert / date 객체)

2016. 1. 21. 15:07language/javascript

1. 메시지창

 

메시지창의 종류는 prompt, confirm, alert 총 3가지가 있다.

 

보편적으로 prompt 창은 많이 사용하지는 않는다.

하지만 confirm창은 게시글을 삭제하거나 브라우저에서 사용자가 특정 버튼이나 입력을 할 때 "삭제하시겠습니까?" 혹은 "진행하시겠습니까?" 라는 문구와 함께 확인과 취소 버튼이 있는 창이 뜨는 것을 본 적이 있을 것이다.

사용자의 의사를 물어볼 때 흔히 confirm 창을 많이 사용한다.

 

alert창은 대부분 사용자에게 특정 알림을 주기 위해 사용한다.

게시글을 등록한 후에 "등록되었습니다. " 처럼 일정 프로세스가 끝남이나 "오류가 발생하였습니다." 처럼 사용자에게 특정 메시지를 전달할 때 많이 사용한다.

 

각 메시지창의 사용방법과 특징은 다음과 같다.

 

- prompt : 변수 = prompt("메시지","초기값);

사용자로부터 입력을 받는 창으로 처음에는 '메시지'와 '초기값'이 출력된 상태로
나타나고, 사용자가 입력한 후 '확인'버튼이나 'Enter'키를 누르면 입력한 값이
변수에 기억된다.
그러나 사용자가 '취소'버튼을 누르거나 'ESC'키를 누르면 null값이 변수에 기억된다.
사용자가 입력한 값은 무조건 문자열로 저장된다.

 

- confirm : 변수 = confirm("메시지");

메시지를 출력한 창이 나타나고 사용자는 '확인(OK)'버튼 또는 

'취소(cancel)'버튼을 선택할 수 있다.
'확인'버튼을 누르면 true, '취소'버튼을 누르면 false가 변수에 기억된다.

 

- alert : alert("메시지");

메시지를 출력하는 창이 나타난다.

 

 

 

다음은 3가지 메시지창의 예제와 실행결과이다.

 

2. 날짜 구하기

javascript 에서는 Date라는 객체를 제공해 준다.

이 객체를 이용하면 오늘 날짜를 구할 수 있다.

더 나아가서는 특정 날짜가 어떤 요일이였으며 날짜와 날짜 사이의 기간도 구할 수 있고 여러가지 역할을 할 수 있다.

또한 날짜를 이용한 계산도 가능해진다.

너무 많은 것을 하려면 어렵고 복잡하기 때문에 필요한 날짜에 관한 정보나 수식, 공식은 필요할때 찾아서 하는것이 정신건강에 이로울 수 있다.

 

date객체의 설명은 다음과 같다.

Date 개체에는 밀리초 단위까지 특정 인스턴스를 시간으로 나타내는 숫자가 포함되어 있습니다.인수 값이 정해진 인수 값의 범위보다 크거나 음수이면 저장된 다른 값은 그에 따라 자동적으로 수정됩니다.예를 들어 150초로 지정하면 JavaScript에서 2분 30초로 다시 정의합니다.

숫자가 NaN이면 개체가 시간의 특정 인스턴트를 나타내지 않습니다. Date 개체에 매개 변수를 전달하지 않으면 현재 시간(UTC)으로 초기화됩니다.개체에 값을 지정해야 사용할 수 있습니다.

Date 개체에서 나타낼 수 있는 날짜 범위는 1970년 1월 1일 전후로 약 285,616년입니다.

출처 : https://msdn.microsoft.com/ko-kr/library/cd9w2te4(v=vs.94).aspx

 

 

Date 객체의 자주사용하는 함수만 간단히 설명한다.

- getYear() : 현재 년도

- getMonth() : 현재 월 (월은 0부터 11까지 표현됨으로 +1해서 사용하는것이 보통임)

- getDate() : 현재 일

- getDay() : 해당 날짜가 월~일 요일중 어떤 요일인지 1~7로 return 해주는 함수, 월요일:1, 일요일:7

- getHours() : 현재 시간

- getMinutes() : 현재 분

- getSeconds() : 현재 초

 

 

ex) date.html