자바스크립트 #
Find similar titles

Structured data

Category: Programming

Javascript
1. Javasript 활용
2. Javascript 사용법
Incoming Links
1. Related Data Sciences (DataScience 0)
Suggested Pages

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);    // 자신의 순번 출력
        }
    })();
}