JavaScript 01

애니메이션 처리, 계산 처리, 데이터 처리

Tip) Script : 컴파일되지 않고 애플리케이션이 실행되는 동안 Line 단위로 해석되는 명령어나 문장들의 집합

JavaScript의 구현

1. 코어 ECMAScript

프로그램 구현 언어(타입, 연산자, 선언문, 키워드, 예약어, 객체 등)로 2008년부터 주요 브라우저는 모두 ECMA-262를 준수합니다.

2. 문서 객체 모델 DOM

DOM API를 이용하여 노드의 추가, 삭제, 수정이 가능하며 계속적으로 확장 지원하고 있습니다

3.브라우저 객체 모델 BOM

브라우저에 접근하고 조작할 수 있도록 지원

 

 

JS의 변수 선언

 변수란 데이터를 저장하는 공간입니다. 그리고 변수에 저장되는 값을 데이터 값 또는 상수constant라고 합니다.

 보통의 프로그래밍 언어들은 변수에 기억되는 데이터의 종류에 따라 자료형을 선언해야 합니다. 하지만 JS에서는 변수의 타입을 따로 선언하지 않습니다.

var 변수명;
var 변수명= 데이터값;

변수명은 대소문자를 구별하고 영문, $, _, 숫자 사용 가능하나, 맨 앞에는 숫자가 올 수 없다.

 

데이터 타입	사용 방법
string	var str = "hello"; 또는 var str = 'hello';
number	var num = 10; 또는  var num = 50.4
boolean	var check = true; 또는 check = false;
null	var str = null; 또는 var str=" ";

 

CDATA

: 유효성 검사의 오류를 막기 위한 스크립트 명령문

CDATA를 선언하면 선언 내부에 있는 '태그'는 &, >, <와 같은 특수문자를 태그로 인식하는 것이 아니라 '문자'로 인식합니다. 따라서 javaScript 안에 태그가 들어갈 경우 CDATA 선언 안에 작성해야 합니다. 

//<![CADATA[

//스크립트 실행문

//]]>

 

연산자

대입 연산자

<script>
var num = 5;
num += 2; document.write(num + "<br>");
num *= 5; document.write(num + "<br>");
num %= 3; document.write(num + "<br>");
</script>

 

문자 결합 연산자

<script>
var str1 = "korea"; var str2 = 'fighting';
document.write(str1 + str2 + "<br><br>");

var str3 = "abc"; var num = "123";
document.write(str3 + num);
</script>

 

삼항 연산자 (조건 연산자)

//(조건식) ? A:B;
//	   조건식 결과가 참이면 A, 거짓이면 B 수행
<script>
	var score = prompt("점수를 입력하시오", "");
	(score >= 60) ? alert("합격") : alert("불합격");
</script>

 

제어문

switch~case

var age = prompt("나이를 입력하시오", "");
switch (true) {
	case age >= 60: alert("노년입니다"); break;
    case age >= 35: alert("중년입니다"); break;
    case age >= 20: alert("청년입니다"); break;
    default: alert("어린이 또는 청소년입니다.)";

 

do~while

var kor, eng, sum;
	do {
		kor = prompt("국어 점수를 입력하시오", "");
		if (kor < 0 || kor > 100)
			alert("0-100 사이의 숫자를 입력하시오");
	} while (kor < 0 || kor > 100);
	do {
		eng = prompt("영어 점수를 입력하시오", "");
		if (eng < 0 || eng > 100) {
			alert("0-100 사이의 숫자를 입력하시오");
		}
	} while (eng < 0 || eng > 100);