[javascript] 자바스트립트란?

 

자바스크립트란?

  페이지를 보다보면 주기적으로 바뀌는 화면이나 지도, 2D/3D 그래픽,동영상 등 웹 페이지상에 볼 수 있는 정보들을 좀 더 복잡하고 알맞게 표시해주는 기술이 자바스크립트.

  HTML,CSS와 함께 웹을 구성하는 기본 3요소 중에 하나.

  즉, HTML이 웹페이지의 기본 구조를 담당하고,CSS가 디자인,JAVASCRIPT는 클라이언트 단에서 웹페이지가 동작하는걸 담당.

 

HTML,CSS,JAVASCRIPT

HTML(HyperText Markup Language) : 웹 페이지 상에 문단,제목,표,이미지,동영상등을 정의하고 그 구조와 의미를 부여하는 마크업 언어

CSS(Cascading Style Sheets) : 배경색, 폰트, 컨텐츠의 레이아웃등을 지정하고, HTML을 꾸며주는 스타일 규칙 언어

javascript : 동적으로 컨텐츠를 바꾸고,멀티미디어를 다루고,움직이는 이미지 등 웹 페이지를 꾸며주도록 하는 프로그래밍(함수형) 언어

 

※HTML5 : HTML의 최신판으로, 기존의 기능(문서구조)에다 여러가지 DOM API(밑에서 설명 할거임) 스펙을 제공한다.

  예를들어 원래는 웹 페이지에서 플래시,실버라이트 등을 볼때 외부 플러그인을 설치해서 봐야되는데 HTML5는 기본 API로 제공해주고 

  javascript가 그 api와 연결해 실제 동작을 구현시키면 플래시 등을 따로 설치할 필요없이 웹 페이지에서 바로 볼 수있다.

 

API(Application Programming Interfaces)

API는 이미 만들어진 코드의 집합체,즉 개발자들이 만들기 어렵고 힘든 부분을 쉽게 구현할 수 있도록 하는 프로그램.

 

1.Browser API : 웹 브라우저에 설치된 API

DOM(Document Object Model) API : 동적으로 페이지의 스타일을 정하거나 html과 css를 알맞게 조정하는 역할.팝업창, 사진과플래시같은 컨텐츠들을 보여주는 역할.

Geolocation API : 지리적인 정보를 검색하게 해줌.

Canvas,WebGL : 2D/3D 그래픽을 만들 수 있게 해줌. 이러한 웹 기술로 다양하고 재밌는걸 할 수 있다.

HTMLMediaElement,WebRTC : Audio and Video API, 음악과 비디오를 웹상태에서 재생하고,웹캠으로 캡처하고 다른컴퓨터에 표시하는 등 멀티미디어를 활용할수있음.

 

      2.Third party API 

: 기본으로 설치된 API가 아닌 인터넷에서 개인적으로 정보와 코드를 얻어 프로그래밍 한것

                 Twitter API : 웹사이트에 가장 최근의 트위터 글을 보여주는 API

     Google Maps API : 웹사이트에 원하는 지도를 넣어주고, 작동되도록 해주는 API

 

JAVASCRIPT의 특징

자바스크립트는 해석형 언어. (해석형언어 : 인터프리터 ,컴파일러형 언어 : 컴파일)

※ 인터프리터 : 컴파일은 코드 전체를 기계어로 변경시키고 그다음 실행시키지만

   인터프리터는 소스 코드를 한번에 한줄을 읽어들여 효율적인 다른 중간 코드로 변환하고 실행

따라서 코드가 위에서 아래로 순차적으로 실행되고 그 즉시 결과를 반환한다.

 

자바스크립트는 클라이언트측 코드

: 웹 페이지를 볼때, 클라리언트측 코드는 사용자의 컴퓨터로 코드가 다운로드되고 브라우저가 이걸 표시함.

  서버측 코드는 서버에서 작동되고,그 결과가 사용자의 브라우저에 넘어가 이걸 표시해줌(ex.PHP,Python,Ruby,ASP.NET 등등)

  자바스크립트도 node.js 를 이용해 서버측에서도 사용가능하다.

동작에서의 차이점은 서버측 코드는 데이터베이스로부터 데이저를 던지는 등 동적으로 새로운 컨텐츠들을 만들고,

클라이언트측 코드는 서버에서 요청한 데이터를 뿌려 사용자에게 보여주는 등 동적으로 브라우저 안에서 작동됨.