자바스크립트의 기초

                            < 목차 >

          1. 자바스크립트란?

          2. 자바스크립트의 장점과 단점

          3. 컴파일 언어와 인터프리터 언어

          4. 데이터 타입

 

 

 

 

 

 

 1. 자바스크립트란?

 

웹사이트를 구성하는 3가지 요소(HTML,CSS,JS) 중 하나로 자스 또는 JS로 줄여서 부르기도 한다.

HTML이 웹사이트에 뼈대를 구축했다면, CSS는 뼈대에 살을 붙여 보기 좋게 만들었고 자바스크립트는

웹사이트가 움직일 수 있게끔 생명을 불어넣어 줬다고 할 수 있다.

간단하게 설명하면 HTML는 한번 실행을 시키고 난 뒤 그 내용물이 바뀌지 않지만 자바스크립트를

활용하면 사용자가 버튼을 클릭하거나 스크롤을 이동시킬 때, 문서의 내용물과 모양을 수정할 수

있게 된다는 것이다. 덕분에 실시간으로 웹페이지와 사용자가 상호작용할 수 있게 되었고,

사용자의 행동에 따라 변화하는 웹페이지를 개발할 수 있게 되었다.

 

그리고 많은 사람들이 자바스크립트와 자바(Java)를 헷갈려 한다. 자바라는 단어를 공유하고 있기 때문이 생길수 있는

문제이지만, 자바스크립트는 자바와는 전혀 관계가 없다. 언어를 만든 사람부터 기능과 사용법까지 완전히 다르다.

자바스크립트는 브랜든 아이크(Brendan Eich)라는 사람이 개발했는데, 처음 개발 당시엔 '모카(Mocha)' 라는 이름을

사용했고 1995년 12월 '라이브 스크립트(LiveScript)' 라는 이름으로 바뀌었는데 바꿀 당시에 자바가 한창 인기를

끌고있어 마케팅 효과를 노려 이름을 다시 자바스크립트로 변경했다.

자바와 자바스크립트의 구체적인 차이점은 아래 사진을 보면 알수 있다.

          

이와 같이 오래 전부터 자바스크립트는 웹사이트를 개발하기 위한 필수적인 요소로 사용되어 왔고 개발자를 꿈꾸고 있는

사람들이라면 몰라선 안될 중요한 언어라고 볼 수 있다.

 

 

    

 

  2. 자바스크립트의 장점과 단점

위에서 설명했듯이 자바스크립트는 중요한 언어이긴 하지만 세상에 완벽한 것은 없다. 자바스크립트에도 장점이 있으면

단점이 있고 어떤 용도에 쓰냐에 따라 장점보다 단점이 더 부각되기도 한다.

 

먼저, 장점부터 살펴보자면 자바스크립트는 컴파일 과정이 없기 때문에 다른 언어와 비교했을 때 빠른 시간 안에 스크립트 코드를 작            성할 수 있게끔 해준다. 기존 C언어나 자바 언어와 달리 굉장히 단순한 구조와 원칙을 가지고 있기 때문에 초보 개발자들이 쉽게 배우            고 이해할 수 있다. 또한 자바스크립트는 웹에 특화된 기술이기 때문에 영체제나 플랫폼에 상관없이 잘 작동되고 확장성도 높은 편이            다.

 

단점은 성능이나 보안 측면이다. 일단 내부에서 제공되는 기능이 제한적이고, 관련된 개발도구도 적은 편이다. 또한 자바스크립트는 HTML 소스코드에 함께 작성되면서 소스코드가 외부로 공개되는데, 이 과정에서 보안 취약점이 발생할 수 있다.

 

언어의 장점과 단점을 비교하고 살펴본 뒤 해당 작업에 맞는 언어를 선택하고 사용할 줄 알게 된다면 좀 더 유능한 개발자가 될 수 있              을 것이라고 생각한다.

 

 

 

 

  3. 컴파일 언어와 인터프리터 언어

컴퓨터의 언어는 기계어라고 하는데 0과 1로만 이루어져 있다. 사람에게 0과 1만 가지고 의사소통을 하라고 하면 힘들테지만

컴퓨터에겐 그게 디폴트 값이다.

그래서 사람의 언어로 명령을 내리면 컴퓨터가 알아들을 수 없으니 사람의 언어를 0과 1로 바꾸어주는것을 컴파일이라고 한다.

 

컴파일 언어의 대표적인 언어로는 C,C++,Java 등 대부분의 주요 언어들이 컴파일을 하는 언어, 즉 컴파일 언어라고 불린다.

이 언어들은 컴파일 과정을 통해 한꺼번에 번역해서 수행하는 방식으로 사전에 컴퓨터가 이해할 수 있도록 기계어로 변환하는

컴파일 과정을 거쳐야 하여 파일 크기가 크지만 컴파일을 수행한 운영체제에 최적화 되어있어 실행속도는 상대적으로 빠르고

실행전에 오류를발견할 수 있다.

         

인터프리터 언어는 문장 단위로 한 단계씩 해석하며 실행시키는 방식으로, 사람이 작성한 코드를 기계가 이해할 수 있도록 문장

마다 해석해주는 언어를 말하는데 대표적인 언어로 JavaScript, Python, Ruby, PHP(Hypertext Preprocessor)등이 있다.

장점으로는 프로그램 실행 도중에 수정되어도 동적으로 소스코드가 수정이 가능하고 디버깅을 빠르게 할 수 있지만, 실행을 하기

전까지 오류를 찾을 수 없는것이 단점이다.

 

 

  4. 데이터 타입

자바스크립트에는 총 6가지의 기본 데이터 타입이 있지만, 오늘 다뤄볼 것은 꼭 알아야 할 데이터 타입 4가지를 알아보려고 한다.

         

 1) Number(넘버)

숫자를 표현하기 위한 데이터 타입으로 따옴표 없이 숫자 그 자체를 화면에 입력하는 것으로 넘버 타입을 사용할 수 있다.

소수점을 활용할 수도 있고 숫자와 숫자 사이에는 사칙연산이 성립된다.

 

2) String(스트링)

문자를 표현하기 위한 데이터 타입으로 스트링을 표현하려면 두 개의 따옴표가 필요하다. 큰따옴표와 작은따옴표 모두 사용 가능하지

만, 반드시 같은 종류의 따옴표를 사용해야 된다. 자바스크립트에서는 큰따옴표와 작은따옴표 안에 입력된 모든 데이터가 스트링으로

취급된다.

 

3) Boolean(불리언)           

true와 false 두 종류를 표현하기 위한 데이터 타입으로 true는 숫자 1을 false는 숫자 0을 표현한다고 생각할 수 있다. 따라서 불리언

타입과 넘버 타입 사이에는 사칙연산이 성립되는 특성이 있다. 

 

4) undefined

영단어를 그대로 해석한다면 '정의되지 않았음'의 의미를 갖는다. 말 그대로 아직 데이터가 정의되지 않은 상태임을 의미함으로 데이터

가 입력될 수 있는 공간임에도 비어 있다는 뜻으로 사용된다.