자바스크립트 Javascript
사용자의 입력 및 계산
마우스와 키보드 입력은 자스로만 가능
웹 페이지의 내용 밒 모양의 동적제어
html 태그의 속성, 콘텐츠, css 프로퍼티 값 동적 변경
브라우저 제어
브라우저 윈도우 크기와 모양제어
새 윈도우 열기 닫기
다른 웹사이트 접속
히스토리제어 ?
웹서버와의 통신
웹 어플리게이션 작성
캔버스 그래픽, 로컬/세션 스토리지 저장, 위치정보 서비스 등
html태그의 이벤트리스너 ?
- 이벤트란 ?
사용자가 특정 행위 (클릭 또는 키보드 입력 등)를 했을 때 그에 대한
반응을 정의 하는 함수
웹페이지에서 동적인 사용자 인터페이스를 구현할 때 사용
document.write();
바로브라우저 윈도우에 출력
document.write("
welcome!
);prompt("메시지", "디폴트 입력값")
사용자로부터 문자열을 입력받아 리턴
let a=prompt("이름입력", "이름입력란");
if(a == null) {
document.write("입력값이 없습니다.");
}
else if(a == "") {
document.write("빈값입니다.");
}else {
document.write(a + "입력하셨습니다.");
}
confirm("메시지") 확인 다이얼로그
“메시지”를 출력하고 ‘확인/취소(OK/CANCEL)’버튼을 가진
다이얼로그 출력
‘확인’ 버튼을 누르면 true,
'취소' 버튼이나 강제로 다이얼로그를 닫으면 false 리턴
let a = confirm("전송할까요");
if(a == true) {
//사용자가 "확인" 버튼을 누른 경우
}
else {
// 취소 버튼이나 다이얼로그를 닫은 경우
}
alert("메시지") 경고 다이얼로그
메시지’와 '확인' 버튼을 가진 다이얼로그 출력, 메시지 전달
alert("클릭하셨습니다.")
자바스크립트의 식별자: 변수, 상수(리터럴), 함수의 이름
- 첫 번째 문자 : 알파벳(A-Z, a-z), 언더스코어(_), $ 문자만 사용 가능
- 두 번째 이상 문자 : 알파벳, 언더스코어(_), 0-9, $ 사용 가능
- 대소문자는 구분되어 다루어짐
myHome과 myhome은 다른 식별자 - 자바스크립트 예약어 사용 불가
false, for, if, null 등 자바스크립트 예약어 사용 불가
문장 한줄에 한문장만 있는 경우 세미콜론 생략가능
한줄에 여러문장인경우 세미콜론으로 구분
예) k = k + 1; m = m + 1;
자스 데이터타입
숫자 : 정수 실수
논리 : 참거짓
문자열
객체타입
null
++자스는 문자타입이 없음 모두 문자열임
변수
