[개념정리 5탄] JavaScript란?

자바스크립트(JavaScript)?

 

자바스크립트는 단순하게 생각하면 웹페이지에서 HTML은 뼈대, CSS는 그림, JS는 움직임을 나타낸다. JS에 대해 간단하게 설명하면 웹에서 동작(동적)을 구현하기 위한 언어이다. 웹 브라우저에 자바스크립트 엔진이 내장되어 있기 때문에 사용할 수 있다. 웹 브라우저에서 동작한다.(Node.JS는 예외이다.) 객체 기반의 스크립트 언어이다. HTML 문서 내에서 <script>...</script> 태그 안에서 작성한다. 대소문자 구별을 해야 한다. 

 

자바스크립트의 역할(웹페이지에서의 역할)

 

웹페이지 3가지(HTML,CSS,JS)코드가 결합되어 작성된다.

JS는 사용자의 입력을 처리하거나 애플리케이션을 작성하는 등 동적 제어에 사용된다. 동적 제어는 바꿀 수 있는 제어를 뜻하며 반대로 정적 제어는 이미 만들어져 있어서 제어할 수 없는 걸 뜻한다.

 

1. 사용자의 입력 및 계산을 수행한다.

HTML form은 입력 공간만 제공한다. Key, Mouse의 입력과 이벤트 등의 계산은 오직 JS에서만 처리할 수 있다.

 

2. 웹페이지의 내용 및 모양이 동적 제어문이다.

HTML 태그의 속성이나 컨텐츠, CSS 속성 값을 변경하여 웹페이지에 동적인 변화를 일으키는 데 사용된다. 동적인 변화는 사용자가 입력값을 작성하거나 태그를 마우스로 눌러서 다른 웹페이지로 넘어가는 등 모든 행위를 뜻한다.

 

3. 브라우저 제어문이다.

브라우저 윈도우의 크기나 모양이 변하거나, 새 윈도우나 탭을 열 때, 다른 웹사이트에 접속할 때, 브라우저의 히스토리를 제어하는 등 브라우저의 작동을 제어하는데 활용된다.

 

4. 웹 서버와의 통신(Ajax, Axios)

웹 페이지가 웹 서버와 데이터를 주고 받을 때 활용된다.