[Javascript] New Javascript 10장 모듈 시스템

✅ 1. 자바스크립트 모듈 시스템자바스크립트에서 모듈(module)은 코드의 재사용과 관리 편의성을 위해 나눠서 작성하는 파일입니다. 대표적으로 ESM(ES Module)과 CommonJS(CJS)가 있습니다. 대부분은 ESM 방식을 채택하고 있습니다. 먼저 기존 모듈을 불러오는 방식에 대해서 설명해보겠습니다.// 상수 내보내기export const PI = 3.14;// 함수 내보내기export function add(a, b) { return a + b;}export -> 다른 파일에서 사용할 수 있도록 내보내는 키워드모듈로 내보낸 값은 여러개 사용 가능브라우저에서는 안에서 사용✅ 2. 모듈 가져오기 (import)import 문을 사용해 export한 값을 가져올 수 있습니다. 여러개의 값을 가..

• format_list_bulleted Front-End/JavaScript
• · 2025. 9. 8.
• textsms

[Typescript] 20장 타입스크립트 모듈과 네임스페이스

1. 타입스크립트 모듈 타입스크립트 모듈은 코드의 구조를 분리해 재사용성을 높이고 Javascript 모듈 시스템을 기반으로 타입 지원을 추가해주는 형태입니다. 모듈은 각각 .ts 또는 .tsx 파일이 하나의 모듈로 구성되어 있고, 다른 파일의 함수, 변수, 클래스 등을 가져오거나 내보낼 수 있습니다. 먼저 타입스크립트에서 모듈은 기본적으로 파일 단위로 독립된 스코프를 가집니다// crack.tsexport class Crack { check() { console.log("Crack check"); }}// main.tsimport { Crack } from './crack';const OnCrack = new Crack();OnCrack.check(); // Ou..

• format_list_bulleted Front-End/TypeScript
• · 2025. 8. 4.
• textsms

[TypeScript] 18장 모듈

1. Export = 선언 export 하기타입스크릡트에서 export = 구문을 사용하기 위해 모듈을 내보낼 수 있습니다, 이 방식은 CommonJS 스타일의 모듈을 만들 때 주로 사용되는 방식입니다.function myFunction() { console.log('Hello, World');}export = myFunction;2. Export 문 (Export statements)여러 가지 요소를 내보내는 방법으로 export문을 사용합니다.export const number = 42;export function sayHello() { console.log('Hello');}sayHello();3. Re-export 하기 (Re-exports)다른 모듈에서 내보낸 요소를 다시 내보내는 방법입니다..

• format_list_bulleted Front-End/TypeScript
• · 2025. 4. 1.
• textsms