728x90 300x250 SMALL 2025/03/131 ES6 모듈 시스템 : import/export를 활용한 최신 개발 방법 ES6 모듈이란?ES6 모듈 시스템은 JavaScript 파일을 독립적인 모듈로 나누어 관리할 수 있도록 해주는 기능이다.즉, 코드를 여러 개의 파일로 나눠서 필요할 때만 불러오는 방식 기존에는 script태그를 여러 개 추가하거나, require.js, CommonJS등을 사용했지만, ES6부터는 표준을 내장된 import / export 문법을 사용할 수 있다. ES6 모듈의 기본 문법1) 모듈에서 export 하기// math.jsexport function add(a, b) { return a + b;}export const PI = 3.14; 2) import 해서 사용하기// main.jsimport { add, PI } from "./math.js";console.log(add(2, 3)).. 2025. 3. 13. 이전 1 다음 728x90 반응형 LIST