객체기반의 스크립트 프로그래밍 언어인 Javascript(자바스크립트)는 1995년 12월 4일 브렌던 아이크라는 개발자가 개발한 언어로 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브 스크립트(Live Script)라는 이름으로 개발하였고, 최종적으로 자바스크립트라는 이름으로 채택된 언어입니다.
자바스크립트는 현재 수많은 개발언어들의 기초가 된 언어라고 할 수 있습니다. 웹사이트를 만드는 HTML과 스타일을 꾸며주는 CSS를 넘어 동작까지 구현해주는 자바스크립트언어는 ECMA스크립트(ECMAScript)의 표준 사양을 가장 잘 구현한 언어로 인정받고 있습니다.
자바스크립트는 브라우저뿐만 아닌 서버에서도 실행할 수 있는 언어입니다. 그 외에 자바스크립트 엔진(Javascript engine)이라 불리는 특별한 프로그램이 들어 있는 모든 디바이스에 동작합니다.
Javascript는 무엇에 사용되나?
역사적으로 웹 페이지는 책의 페이지와 유사하게 정적인 페이지였습니다. 정적 페이지는 주로 고정된 레이아웃으로 정보를 표시했고, 현대에 와서는 기대하는 기능을 구현하지 못했습니다. 1995년 개발한 Javascript는 브라우저 사용자 상호 작용에 응답해 웹 페이지의 콘텐츠 레이아웃을 실시간으로 변경할 수 있는 기능을 만들어냈습니다.
언어가 점점 성숙해짐에 따라 Javascript 개발자들은 라이브러리, 프레임워크 및 프로그래밍 사례를 구축해 웹 브라우저 외부에서 사용하기 시작했습니다. 오늘날 클라이언트 측 및 서버 측 개발 모두가 Javascript를 사용할 수 있게되었고 시간이 흘러 Javascript를 기반으로 한 언어들이 무수히 개발되었습니다.
오늘날 자바스크립트 언어는 셀수없이 많이 개발되었습니다. Javascript는 웹 페이지의 복잡한 기능을 구현할 수 있는 스크립팅 또는 프로그래밍 언어로 웹 페이지가 단순히 정적인 정보를 표시하는 것 이상으로 시의적절한 콘텐츠 업데이트, 대화형 지도, 애니메이션 2D/3D 그래픽, 스크롤링 비디오 주크박스 등을 표시할 때마다 Javascript가 관련되어 있습니다.
HTML, CSS, JS를 세가지로 분석해보면 다음과 같습니다.
- HTML(HyperText Markup Language) - 문단, 제목, 데이터 표를 정의하거나 페이지에 이미지와 동영상을 삽입하는 등 웹 콘텐츠를 구성하고 의미를 부여하는 데 사용
- CSS - 배경색과 글꼴을 설정하고 콘텐츠를 여러 열에 배치하는 등 HTML 콘텐츠에 스타일을 적용하는 데 사용하는 스타일 규칙 언어
- Javscript - 동적으로 변경되는 콘텐츠를 생성, 멀티미디어 제공, 이미지에 애니메이션을 적용하며 모든 작업을 수행할 수 있는 스크립트 언어
Javascript가 작동하는 방식
모든 프로그래밍 언어에는 영어와 유사한 구문을 기계어로 변환해 운영 체제가 이러한 기계어를 실행하는 방식으로 작동하며 Javascript는 스크립팅 언어 또는 인터프리터 언어로 크게 분류됩니다. Javascript 코드는 Javascript 엔진에 의해 해석됩니다. 다른 프로그래밍 언어를 사용할 경우 컴파일러가 전체 코드를 별도의 단계에서 기계어로 컴파일 합니다.
Javascrip 엔진
Javascript 엔진은 Javascript 코드를 실행하는 컴퓨터 프로그램으로, 최초의 Javascript 엔진은 단순한 인터프리터였지만, 모든 현대적 엔진은 JIT(Just-in-time) 또는 런타임 컴파일을 사용해 성능을 향상시킵니다.
클라이언트 측 Javascript
클라이언트 측 Javascript는 Javascript가 브라우저에서 작동하는 방식을 나타내고, 이 경우 Javascript 엔진은 브라우저 코드 내부에 있습니다. 모든 주요 웹 브라우저에는 자체 Javascript 엔진이 내장되어 있습니다.
웹 애플리케이션 개발자는 마우스 클릭 또는 마우스 호버와 같은 다양한 이벤트와 관련된 여러 함수를 사용하여 Javascript 코드를 작성합니다. 이러한 함수가 HTML 및 CSS를 변경합니다.
자바스크립트를 사용할때 이점
쉬운 학습 및 사용
Javascript의 구문은 Java 프로그래밍 언어에서 영감을 받았고, 배우거나 코딩하기 쉬운 언어입니다. 개발자는 클라이언트 측 스크립팅을 위해서 거의 모든 웹 사이트 및 모바일 앱에서 Javascript를 사용합니다. Node.js는 지난 10년 동안 백엔드 코딩에서도 상당한 인기를 얻었습니다.
플랫폼 독립성 확보
다른 프로그래밍 언어와 달리, Javscript는 모든 웹 페이지에 삽입하여 다른 여러 웹 개발 프레임워크 및 언어와 함께 사용할 수 있습니다. 작성된 Javascript 코드는 어떤 컴퓨터에서도 실행될 수 있습니다. 따라서 Javascript를 사용하면 애플리케이션 개발 플랫폼이 독립성을 가질 수 있습니다.
서버 부하 감소
Javascript는 논리적 작업을 실행할 수 있고 클라이언트 자체에서 많은 서버 작업을 수행할 수 있어 Javascript를 사용해 서버 로드 및 네트워크 정체를 줄일 수 있습니다.
사용자 인터페이스 개선
Javascript는 복잡한 정보를 편리하게 찾아서 처리할 수 있는 세련된 웹 사이트를 만듭니다. 개발자는 기능 및 가독성 확장보다 효율적인 웹 사이트 사용자 상호 작용을 위해 Javascript를 사용합니다.
동시성 지원
Javascript는 여러명령어 세트를 병렬로 실행할 수 있습니다. 벡엔드에서 Node.js는 동일한 양의 대역폭을 사용하지 않고도 고도로 확장된 서버 응답을 다루고 처리할 수 있습니다.
참고 자료
JavaScript란 무엇인가요? - JavaScript(JS) 설명 - AWS
Hypertext Markup Language(HTML) 및 Cascading Style Sheets(CSS)는 개발자가 프론트엔드 개발에 사용하는 2가지 프로그래밍 언어입니다. HTML은 대부분의 웹 페이지에 사용되는 기본 빌딩 블록입니다. 모든 단락,
aws.amazon.com
자바스크립트란?
ko.javascript.info
'Front-End > JavaScript' 카테고리의 다른 글
| [Javascript] 6강 숫자와 날짜 (0) | 2025.02.06 |
|---|---|
| [Javascript] 5강 표현식과 연산자 (2) | 2025.02.06 |
| [Javascript] 4강 함수 (0) | 2025.02.05 |
| [Javascript] 3강 제어문 (0) | 2025.02.05 |
| [Javascript] 2강 자바스크립트 문법과 자료형 (0) | 2025.02.05 |