자바스크립트
#
Find similar titles
- 최초 작성자
- 최근 업데이트
Structured data
- Category
- Programming
Table of Contents
Javascript #
자바스크립트는 브라우저에 의해 실행될 때마다 해석되는 인터프리터형 스크립트 프로그래밍 언어로 동적인 웹페이지를 만들기 위해 사용된다. 최근에는 웹 뿐 아니라 모바일 앱, 서버, IoT 등 다양한 분야에 사용이 가능해져서 활용분야가 넓어지고 있다.
Javasript 활용 #
- HTML Form 값을 가공 또는 검사해서 서버측에 전송
- 사용자의 입력을 제어
- 브라우저 내 여러 기능을 조절
- 쿠키를 이용한 페이지 간의 데이터 이동
- Windows와 프레임의 생성 및 제어
Javascript 사용법 #
HTML 문서에 추가하는 방법 #
코드 직접입력 #
example]
<script type="text/javascript”>…Code…</script>
외부 자바스크립트 연동 #
example]
<script src="./js/example.js" type="text/javascript"></script>
주석처리 #
단문주석 : #
//
복문주석 : #
/* ~ */
변수 #
변수타입 #
자바스크립트에는 자바나 C 같은 언어와 달리 명시적인 타입이 없는 느슨한 데이터 타입이므로 어떤 자료형(문자열, 숫자, 객체, 함수)의 값도 담을 수 있고 한 변수를 다른 타입의 값으로 할당할 수 있다.
변수선언 #
자바스크립트에서 변수를 선언하는 위치를 신경써야 하는데 변수가 선언되는 위치에 따라 변수가 의미하는 바가(유효범위, scope)가 달라지기 때문이다.
전역변수 / 지역변수 #
지역변수는 var 로 시작한다. var 로 시작하지 않은 변수는 전역변수로 인식한다.
유효범위(scope) #
자바스크립트에서 변수의 유효범위는 변수를 어디에서 접근할 수 있느냐를 가리킨다. 즉, 전역변수는 코드 내 어느곳에서든 변수에 접근할 수 있고 지역변수는 함수 내에서 변수를 정의하고 접근할수 있다. 지역변수와 전역 변수의 이름이 동일할 경우 지역 변수가 우선한다.
클로저(closure) #
클로저는 자바스크립트의 특장점 중 하나로 자바스크립트의 모든 함수는 클로저이다. 내부함수가 외부함수의 맥락(context)에 접근할 수 있고 외부함수의 실행이 끝나서 외부함수가 소멸된 이후에도 내부함수가 외부함수의 변수에 접근 할 수 있는 매커니즘을 말한다.
example 1]
var sequencer = function() {
var s = 0;
return function() {
return ++s;
}
}
var seq = sequencer();
seq(); // 1
seq(); // 2
seq(); // 3
example 2] 클릭시 자신의 순서를 반환하는 핸들러
var items = document.getElementsByTagName(‘li’);
for (var i = 0; i < items.length; i++) {
(function() { // 새로운 스코프 선언
var idx = i; // 클로저가 접근할 수 있는 변수 선언
items[i].onclick = function(e) {
console.log(‘My Sequence is ‘ + (i + 1); // 자신의 순번 출력
}
})();
}
Incoming Links #
Related Data Sciences (DataScience 0) #
Suggested Pages #
- 0.281 Angular 버전별 특징
- 0.187 AngularJS/AngularCLI
- 0.176 Angular 정의
- 0.159 ReactJS/Create-React-App
- 0.115 ReactJS
- 0.057 Angular 특징 및 철학
- 0.012 JavaScript 프레임 워크 정의
- 0.007 Angular 주요개념
- 0.003 ReactJS/Flux
- 0.003 Angular 구조
- More suggestions...