[JS] Syntax | 19. require & import - 외부 파일 불러오기

2025. 9. 19. 10:21·Language/JavaScript
728x90

JavaScript에서 외부 파일을 불러오는 방법은 JavaScript의 유형에 따라 두 가지로 나뉩니다.

1. require - CommonJS

파일을 불러올 때

// 1
const fs = require('fs');
// 2
const express = require('express');
// 3
const { pathToFileURL } = require("url");

파일을 내보낼 때

// 1
module.exports = greet;
// 2
exports.greet = greet;

2. import - ES

파일을 불러올 때

// 1
import fs from 'node:fs';
// 2
import express from 'express';
// 3
import { pathToFileURL } from 'node:url';

 

파일을 내보낼 때

export const greet = //...

 

  require (CommonJS) import (ES)
사용 환경 Node.js 브라우저, Node.js
문법 지원 시기 다소 이전 ES6 (2015) ~
실행 시점 런타임에서 컴파일할 때
브라우저 지원 X O

 

728x90

'Language > JavaScript' 카테고리의 다른 글

[JS] Syntax | 20. 파일 입출력  (0) 2025.09.19
[JS] Syntax | 18. 배열 메소드 정리  (0) 2025.04.07
[JS] Syntax | 17. 예외처리  (0) 2025.04.06
[JS] Syntax | 16. 구조분해(Destructuring)  (0) 2025.04.05
[JS] Syntax | 15. Optional chaining - 속성 존재여부 확인하기  (0) 2025.04.04
'Language/JavaScript' 카테고리의 다른 글
  • [JS] Syntax | 20. 파일 입출력
  • [JS] Syntax | 18. 배열 메소드 정리
  • [JS] Syntax | 17. 예외처리
  • [JS] Syntax | 16. 구조분해(Destructuring)
Rayi
Rayi
  • Rayi
    아카이브
    Rayi
  • 전체
    오늘
    어제
    • 분류 전체보기 (298)
      • CS (40)
        • CV (2)
        • PS (37)
      • Reveiw (19)
        • Paper (19)
        • Github (0)
      • ML (13)
        • Pytorch (5)
      • Language (72)
        • Python (21)
        • JavaScript (32)
        • TypeScript (16)
        • C++ (3)
      • IDE (13)
      • Git (13)
      • Frontend (77)
        • React (8)
        • ReactNative (6)
        • SolidJS (20)
        • CSS (12)
      • Backend (47)
        • DB (18)
        • Node.js (11)
        • Python (3)
      • UI (3)
      • Automation (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    react
    postgresql
    SOLID
    nodejs
    js
    ReactNative
    backend
    CS
    DB
    figma
    PyTorch
    ML
    CSS
    PRISMA
    FastAPI
    Express
    ps
    modal
    mongo
    python
    ts
    CV
    frontend
    deploy
    vscode
    Git
    API
    Three
    review
    GAN
  • 최근 댓글

  • 최근 글

  • 250x250
  • hELLO· Designed By정상우.v4.10.5
Rayi
[JS] Syntax | 19. require & import - 외부 파일 불러오기
상단으로

티스토리툴바