쌍용교육센터 - 33일

2024.04.03

자바스크립트

자바스크립트의 정의

클라이언트쪽에서 독립적으로 실행되는 프로그램을 작성하기 위한 스크립트 언어로 넷스케이프 사의 브랜든 아이히Brendan Eich에 의해 모카라는 이름으로 만들고 이후 라이브 스크립트라는 이름으로 개발했다. 그 후 썬마이크로시스템사와 공동으로 라이브스크립트를 확장한 JavaScript 탄생

 

자바스크립트의 특징

• 웹 문서(HTML)에 삽입해서 사용하는 스크립트 언어
• 웹 브라우저에서 웹 문서를 실행할 때 프로그램 코드가 해석됨
• 컴파일 과정을 거치지 않는 인터프리터 언어의 형태이기 때문에 비교적 자료형 조사를 철저하게 하지 않음
• 객체 지향적 특성을 모두 가지고 있다고 말할 수는 없지만 객체를 정의하여 사용할 수는 있음.

자바스크립트의 장점 및 단점

(1)장점

• 자바스크립트는 HTML 파일 내에서 작성할 수 있으므로 개발 속도가 빠름
• 운영체제의 제한을 받지 않음

(2)단점

• 소스 코드가 노출됨. 컴파일하지 않는 언어이므로 복사하여 사용할 수 있음
• 한정된 객체와 객체 함수 제공

 

자바스크립트 동작 위치

<script type="text/javascript">
	/* 웹 브라우저는 head 태그를 먼저 읽은 후 body 태그를 읽으므로 script 태그를 head 태그에 넣으면 body 태그를 읽기 전에 실행.
	   반대로 body 태그에 넣으면 head 태그에 script를 먼저 실행하고 body 태그의 script를 실행함*/
		document.write('body에서 실행');
	</script>

 

변수 선언 규칙

<script>
		/* 
		변수명의 정의
		1. 키워드(예약어)를 사용하면 안 된다.
		2. 숫자로 시작하면 안 된다.
		3. 특수문자는 _와 $만 허용
		4. 공백 문자를 포함할 수 없다.
		
		식별자를 잘못 지정한 예
		break(키워드)
		10alpha(숫자로 시작)
		#num(특수문자 사용)
		has space(공백 사용)
		*/
		
		//변수의 선언
		var num;
		
		//변수에 값을 할당
		num = 123;
		
		//출력
		document.write("num = " + num);
		document.write('<br>');
		
		//변수를 선언하지 않고 출력
		//document.write(num2); // 오류 발생
		
		//번수 선언 후 값을 할당하지 않고 출력
		var num3;
		
		document.write('num3 = ' + num3); //오류 발생 없이 undefined 출력
		document.write('<br>');
		
		//두 개 이상의 변수를 한 번에 선언
		var a,b;
		
		a = 10;
		b = 5;
		
		document.write('a + b = ' + (a+b));
		document.write('<br>');
		
		//변수 선언과 초기화를 동시에
		var c = 10, d = 3.5;
		
		document.write('c + d = ' + (c+d));
		document.write('<br>');
		
		//한글 사용 가능
		var 번호 = 3;
		document.write('번호 = ' + 번호);
		
	</script>

 

자바스크립트 동작 과정

<script type="text/javascript">
	/* 
	자바스크립트 엔진은 소스코드를 한 줄 씩 순차적으로 실행하기에 앞서서 먼저 소스코드의
	평가 과정을 거치면서 소스코드를 실행하기 위한 준비를 함.
	이때 소스코드 실행을 위한 준비 단계인 소스코드의 평가 과정에서 자바스크립트 엔진은
	변수 선언을 포함한 모든 선언문(변수 선언문, 함수 선언문 등)을 소스코드에서
	찾아내서 먼저 실행한다. 그리고 소스코드의 평가 과정이 끝나면 비로소 변순선언을
	포함한 모든 선언문을 제외하고 소스코드를 한 줄씩 순차적으로 실행함.
	*/
	document.write(score + '<br>');
	
	var score;//변수 선언
	</script>

 

자바스크립트의 익명함수

 

//익명 함수
		var paly = function() {
			document.write('운동을 좋아해요~~<br>');
		};
		//함수 호출
		play();

• 익명함수를 사용하는 이유는 함수를 일회성으로 활용하기 위함이다. 쉽게 말해 function이 실행 된 값을 play에 담아서 사용하기 때문에 다시 사용하지 않을 함수를 불필요하게 저장하여 발생하는 메모리 낭비를 줄일 수 있다.