2016. 1. 21. 15:07ㆍlanguage/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 개체에는 밀리초 단위까지 특정 인스턴스를 시간으로 나타내는 숫자가 포함되어 있습니다.
출처 : 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
