JavaScript

JavaScript 실행 방법

Lulung 2024. 12. 31. 16:26

1. JavaScript 실행 환경

1.1. 웹 브라우저에서 실행

JS는 웹 브라우저에서 실행되는 경우가 많다. 대부분의 브라우저는 내장된 JavaScript 엔진을 가지고 있으며, 이를 통해 JavaScript 코드를 실행한다.

  • 브라우저 내장 JavaScript 엔진:
    • Chrome: V8 엔진.
    • Firefox: SpiderMonkey 엔진.
    • Safari: JavaScriptCore (또는 Nitro) 엔진.
    • Edge: V8 엔진(Chromium 기반).

1.2. Node.js에서 실행

Node.js는 서버 측 JavaScript 실행 환경이다. 이를 통해 JavaScript 코드를 브라우저가 아닌 서버에서 실행할 수 있다.

  • Node.js는 Chrome의 V8 JavaScript 엔진을 사용하여 서버 측에서도 JavaScript를 실행할 수 있다.
  • 서버, CLI 툴, 데스크탑 애플리케이션 등에서 JavaScript를 사용할 수 있다.

1.3. 기타 실행 환경

  • 데스크탑 애플리케이션: Electron.js와 같은 프레임워크를 사용하여 JavaScript로 데스크탑 애플리케이션을 만들 수 있다.
  • 모바일 애플리케이션: React Native와 같은 프레임워크를 통해 JavaScript로 모바일 앱을 개발할 수 있다.
  • 브라우저 확장 프로그램: JavaScript로 Chrome이나 Firefox 확장 프로그램을 만들 수 있다.

2. 브라우저에서 JavaScript 실행하기

웹 페이지에서 JavaScript를 실행하는 기본 방법은 HTML 문서 내에서 <script> 태그를 사용하는 것입니다. 두 가지 주요 방법이 있습니다.

2.1. HTML 파일에 JavaScript 코드 직접 작성

HTML 파일 내에서 <script> 태그를 사용하여 JavaScript 코드를 작성하고 실행할 수 있다. <script>는 두 가지 위치에 작성할 수 있다.

  • 헤드(Head) 영역에 작성: <script> 태그를 <head> 내에 작성하면 페이지 로딩 전에 JavaScript가 실행된다. 
    <html>
  <head>
    <script>
      console.log('JavaScript executed in head');
    </script>
  </head>
  <body>
    <h1>Hello World</h1>
  </body>
</html>
  • 본문(Body) 끝에 작성: JavaScript 코드가 HTML 콘텐츠 로딩 후 실행되도록 하려면, <body> 끝에 <script>를 작성한다. 이렇게 하면 DOM 요소들이 모두 로드된 후에 JavaScript가 실행된다. 
    <html>
  <head></head>
  <body>
    <h1>Hello World</h1>
    <script>
      console.log('JavaScript executed after body');
    </script>
  </body>
</html>

2.2. 외부 JavaScript 파일 연결

HTML 파일 내에서 src 속성을 사용해 외부 JavaScript 파일을 연결할 수도 있다. JavaScript 코드의 재사용성과 유지 보수성이 좋다.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>JavaScript Example</title>
  </head>
  <body>
    <h1>Hello World</h1>
    <script src="script.js"></script>
  </body>
</html>

script.js

console.log('This is an external script.');

3. Node.js에서 JavaScript 실행하기

Node.js는 서버 측 JavaScript 환경으로, 브라우저 없이 JavaScript를 실행할 수 있는 플랫폼이다.

3.1. Node.js 설치

  • 설치: Node.js 공식 사이트(https://nodejs.org)에서 Node.js를 다운로드하여 설치한다.
  • 설치 후, node 명령어를 사용하여 JavaScript 파일을 실행할 수 있다.

3.2. Node.js로 JavaScript 실행

  1. JavaScript 파일 작성: example.js라는 파일을 작성한다. 
    console.log('Hello from Node.js');
  2. 파일 실행: 터미널에서 다음 명령어로 파일을 실행해본다. 이렇게 하면 Node.js가 JavaScript 코드를 실행하고, 콘솔에 출력된다. 
    node example.js

3.3. REPL(Read-Eval-Print Loop) 환경

Node.js는 REPL을 제공한다. node 명령어만 입력하면 JavaScript 코드를 바로 입력하고 실행할 수 있는 환경을 제공한다.

$ node
> console.log('Hello, REPL!');
Hello, REPL!
 

4. 온라인 도구를 사용하여 JavaScript 실행하기

브라우저에서 직접 JavaScript 코드를 실행할 수 있는 웹 사이트들이다. 해당 방법은 설치 없이 빠르게 JavaScript 코드를 테스트하거나 실행할 때 사용한다.

 

'JavaScript' 카테고리의 다른 글

자바스크립트 비동기  (1) 2025.02.03
변수 선언  (0) 2025.01.02
자바스크립트 버전  (1) 2024.12.31
JavaScript의 역사  (0) 2024.12.31
자바스크립트란?  (0) 2024.12.31

'JavaScript'의 다른글

  • 현재글JavaScript 실행 방법

관련글

티스토리툴바