반응형 모듈2 [JavaScript 문법] 14일차: 모듈 모듈이란?모듈은 코드의 일부를 독립적으로 분리하여 재사용 가능하게 만드는 방법입니다. 모듈을 사용하면 코드의 유지보수와 관리가 용이해집니다. ES6에서는 import와 export 키워드를 사용하여 모듈을 정의하고 사용할 수 있습니다.모듈 정의모듈은 파일 단위로 정의되며, export 키워드를 사용하여 모듈 외부로 내보낼 수 있습니다.기본 내보내기 (default export)기본 내보내기는 모듈 당 하나만 가질 수 있으며, export default 키워드를 사용합니다.예제: math.js// math.jsexport default function add(a, b) { return a + b;}예제: main.js// main.jsimport add from './math.js';console.log.. 2024. 8. 14. [JavaScript 심화 시리즈] 5일차: JavaScript 모듈과 패키지 관리 이해하기 5. 모듈과 패키지 관리모듈이란 무엇인가?모듈은 코드의 재사용성과 유지보수성을 높이기 위해 코드를 독립적인 단위로 분리한 것입니다. 모듈 시스템을 사용하면 코드의 복잡성을 줄이고, 각 모듈을 개별적으로 개발하고 테스트할 수 있습니다.ES6 모듈ES6에서는 자바스크립트에서 모듈을 표준화하기 위해 import와 export 키워드를 도입했습니다.1. 모듈 생성모듈 파일 math.js를 생성합니다.// math.jsexport function add(a, b) { return a + b;}export function subtract(a, b) { return a - b;}2. 모듈 가져오기다른 파일에서 math.js 모듈을 가져와 사용합니다.// main.jsimport { add, subtract } f.. 2024. 8. 5. 이전 1 다음 반응형