[JavaScript] 는 무슨 역할을 하는 언어일까?

나는 현재 JavaScript를 학습하고 있는데 학습 목적은 웹 개발을 하기 위해 학습하고 있다.

 

웹 개발뿐만 아니라 JavaScript는 서버 개발 (Node.js)  데스크톱 애플리케이션, 모바일 애플리케이션, 기타 등등 다양한 분야로도 사용되고 있다.

 

JavaScript의 주요 역할과 특징

 

1. 동적 동작 구현

예를 들어, 버튼을 클릭했을 때 팝업을 띄우거나, 페이지 콘텐츠를 실시간으로 업데이트하거나, 애니메이션 효과를 구현하는 것들을 얘기한다. 웹을 움직이게 하는 근육 같은 존재라고 할 수 있겠다.

 

2. 브라우저와 사용자 간 상호작용 지원

html과 css와 함께 웹 개발 핵심 기술로 사용자와 상호작용을 담당한다.

 

3. 다양한 플랫폼에서의 활용

Node.js를 통해 서버 개발에 사용된다.

React Native, React 같은 프레임워크나 라이브러리에서 사용이 가능 하고,

Electron을 활용하여 데스크톱 애플리케이션을 제작할 수 있다.

 

 

JavaScript는 어떻게 실행될까?

 

JavaScript는 JavaScript의 엔진으로부터 실행됩니다.

 

JavaScript의 엔진이란 뭘까?  

JavaScript엔진은 자바스크립트 코드를 읽고 실행하는 프로그램이다. 

 

웹 브라우저에 내장되어 있어서, 각 웹브라우저마다 사용되는 엔진이 다른 특징이 있다. 

 

대표적인 JavaScript 엔진들 

1. V8

• 어디에 쓰이나? 크롬, Node.js
• 특징: 빠르고 효율적으로 JavaScript를 실행 C++로 작성됐다.
• JIT  (Just-In-Time) 컴파일러 사용: 코드를 빠르게 컴파일하고 최적화할 수 있다.*JIT (필요할 때 바로 컴파일, ,,, 필요 없는 부분은 컴파일하지 않음)

2. SpiderMonkey

• 어디에 쓰이나? 모질라 파이어폭스
• 특징: 다양한 표준을 지원하며 디버깅 도구와 개발자 도구가 잘 갖춰져 있다.

3. JavaScriptCore (Nitro)

• 어디에 쓰이나? 애플의 사파리
• 특징: iOS와 macOS에서 높은 성능을 보장한다.

 

JavaScript 엔진 활용법.......

Chrome 에서 자바스크립트 엔진 확인해 보기

 

위의 사진 처럼 Chrome 브라우저를 통해, 

아무런 창이나 띄워놓고 [F12] 단축키를 눌러 개발자 도구를 띄울 수 있는데 

 

위에 보이는 창에서 Console탭에 들어가게 되면 깜빡이는 커서가 나타나는데 이것이 바로  

 

우리의 명령을 입력받기 위해 기다리고 있는 프롬프트(Prompt)라고 부른다.

 

해당 프롬프트에 JavaScript 코드를 작성하게 되면 해당 브라우저(Chrome)에 내장되어 있는 자바스크립트 엔진이

우리의 코드를 실행시켜 준다.

이런식으로..

 

앞으로는 원활한 JS 공부를 위해 Visual Studio라는 IDE를 사용해서 학습을 진행하겠다.