자바스크립트는 '웹페이지에서 동적인 활동'을 지원하기 위해 출시된 프로그램 언어다. 웹페이지에 대한 이해가 없다면 바로 이러한 동적인 활동이 무엇인지가 궁금할 수 있다. 이를 위해서는 먼저, 웹페이지에 대한 간략한 이해가 필요하다.
웹페이지의 이해
지금은 브라우저에서 인류의 거의 모든(?) 활동을 하는 것이 가능하지만, 초창기의 웹은 이처럼 다이나믹한 활동을 지원하지 못하는 정적인 웹(글과 이미지를 겨우 보여주는 정도)에 불과했다.
우리가 현재 보고 있는 웹페이지는 크게 HTML, CSS, JavaScript로 구성된다. HTML은 웹의 뼈대를 만들고, 콘텐츠를 추가하는 마크업 언어다. CSS는 HTML 콘텐츠를 이쁘게 꾸미는 스타일링 역할을 한다. 마지막으로 JavaScript는 페이지를 자동으로 새로고침하거나, 쿠키를 관리하거나, 방문자 활동을 추적하는 등 보다 동적인 기능들을 구현하는 데 사용한다.
자바스크립트가 없다는 말은 HTML과 CSS로만 웹페이지를 만든다는 말이다. 이러한 웹페이지는 상당히 기능이 제한적다. 자바스크립트가 있어야만 살아있는 듯한 동적인 웹페이지를 만들 수 있다.
자바스크립트를 배워야 하는 이유
자바스크립트는 거의 모든 브라우저에서 지원하는 유일한 프론트엔드 언어다. 이 말은 동적인 웹페이지를 만들기 위해서는 자바스크립트 밖에는 선택지가 없다는 의미이기도 한다. 웹페이지에서 멋진 무언가를 만들어보고 싶다면 반드시 자바스크립트를 공부해야 한다!
자바스크립트의 작동 방식
자바스크립트는 하나의 언어이고 따라서 이 언어를 실행할 수 있는 '실행 환경'과 '엔진'이 필요하다.
브라우저 측의 대표적인 엔진으로는 크롬과 오페라 브라우저에서 사용하는 구글의 V8이 있다. V8 엔진은 우리가 작성한 자바스크립트 코드를 브라우저에서 실행해주는 역할을 한다. 또한 자바스크립트는 Node.js를 통해 브라우저가 아닌 서버에서도 사용할 수 있다. 즉, 자바스크립트를 통해 백엔드 서버를 구성할 수 있다.
정리하자면 자바스크립트 하나를 잘 배워두면 거의 모든 웹 애플리케이션을 만들어낼 수 있다.
'개발 > JavaScript' 카테고리의 다른 글
[JavaScript] ⑤ 자바스크립트 함수란? (0) | 2020.06.07 |
---|---|
[JavaScript] ③ 자바스크립트 데이터 타입 (0) | 2020.06.07 |
[JavaScript] ② 자바스크립트 변수의 이해 (0) | 2020.06.06 |