본문 바로가기

프로그래밍 세상/자바스크립트 이야기

제 1장 자바스크립트 소개


Javascript 란?
 객체 지향 프로그래밍을 지원하는 인터프리터 방식의 프로그램


인터프리터 VS 컴파일러
 < 인터프린터 >
     소스의 한 단계씩 해석하여 실행하는 언어처리 프로그램 방식

     한 단계씩 테스트와 수정을 하면서 진행시켜 나가는 대화형 언어에 적합하지만, 
     실행시간이 길어 속도가 늦어진다.
     대표적인 대화형 언어에 BASIC 등이 있다.
      
     


< 컴파일러 >
     프로그램 작성을 보다 간단하게 하기 위한 소프트웨어.

     일상 언어에 가까운 문장으로 작성한 프로그램을 기계어로 번역하는 것을 말한다.
     대표적인 언어로는 FORTRAN, ALGOL, COBOL 등이 있다.
     
    




자바스크립트의 특징
1. 자바스크립트는 자바가 아니다.
    넷스케이프(Netscape)와 썬(Sun)의 마케팅 전략이었다.

2. 자바스크립트는 간단하지 않다.
    - 타입 제약이 약한 언어
    - 인터프리터 언어
    → 간단해 보이지만 다양한 기능을 가지고 있는 완벽한 프로그램 언어다.

3. 여러 버전의 자바스크립트
    - ECMA(European Computer manufacturer's Association)에 의해 표준화 됨.
    - ECMA-262 표준에 따른 자바스크립트의 공시적인 명칭은 ECMAScript 이다.
    - 현재 자바스크립트 언어는 안정화되었으며, 자바스크립트 2.0 표준화가 시도되고 있다.

4. 클라이언트 측 자바스크립트
    - 클라이언트 자바스크립트는 자바스크립트 인터프리터가 웹 브라우저에 내장된 것이다.
    - 자바스크립트 인터프리터의 스크립트 지원과 웹 브라우저에 의해서 정의되는 문서객체모델
      (DOM: Document Object Model)을 결합한 것

    - DHTML 같은 웹 개발 기법이나 Ajax와 같은 아키텍처의 심장부에 자리 잡고 있는 언어다.
    - MS의 Internet Explorer는 예외적으로 표준 스펙의 이벤트 처리 부분을 지원하지 않는다.

5. 기타 환경에서의 자바스크립트
    - 범용 프로그램 언어이므로 특별히 웹 브라우저에서만 사용되는 것은 아니다.

자바스크립트 디버깅 방법
- 테스트 웹 브라우저 : 크롬(Chrome)
<script>
var name = "Hello";
var array = ["Hello", "World", "Javascript"];
alert ( name );
if ( name == "Hello" ) {
   name += " Javascript";
}
console.log(name);
console.log(array);

document.write("<h1>" + name + "</h1>");
</script>

1. 이렇게 간단한 코드를 테스트할 경우 HTML 파일에서 <html>, <head>, <body> 태그를 생략해도 된다.

2. 주소창에 javascript: 다음에 해당 스크립트를 작성하면 그대로 실행된다.


2. document.write, alert, console.log 를 이용해서 해당 변수의 값을 확인 할 수 있다.


3. 배열이나 객체의 경우 for/for in 과 alert, document.write를 이용할 수 있으며,
    console.log를 사용하면 쉽게 객체 구조 및 값을 
확인 할 수 있다.



 





















참조문서 : 네이버 지식 사전, 자바스크립트 완벽가이드