Javascript Tip.] 객체를 export하여 사용할 때

Prompt 1개의 JS에서 여러개의 객제를 export 하는 방법을 알려줘

Answer

JavaScript에서 여러 개의 객체를 export하는 방법은 여러 가지가 있습니다. 여기에서는 몇 가지 일반적인 방법을 설명하겠습니다.

Named Exports

export 키워드를 사용하여 여러 개의 객체를 개별적으로 export할 수 있습니다.

// module.js 
export const obj1 = { name: 'Object 1', value: 1 }; 
export const obj2 = { name: 'Object 2', value: 2 };
export const obj3 = { name: 'Object 3', value: 3 };

Aggregate Exports

하나의 export 문에서 여러 객체를 묶어 export할 수도 있습니다.

// module.js 
const obj1 = { name: 'Object 1', value: 1 }; 
const obj2 = { name: 'Object 2', value: 2 }; 
const obj3 = { name: 'Object 3', value: 3 }; 

export { obj1, obj2, obj3 };

Default Export와 Named Export의 조합

하나의 default export와 여러 개의 named export를 조합하여 export할 수도 있습니다.

// module.js 
const obj1 = { name: 'Object 1', value: 1 }; 
const obj2 = { name: 'Object 2', value: 2 }; 
const obj3 = { name: 'Object 3', value: 3 }; 

export default obj1; export { obj2, obj3 };

Import 방법

이렇게 export된 객체들은 다른 파일에서 다음과 같이 import할 수 있습니다.

// import.js 
import obj1, { obj2, obj3 } from './module'; 

console.log(obj1); 
// { name: 'Object 1', value: 1 } 

console.log(obj2); 
// { name: 'Object 2', value: 2 } 

console.log(obj3); 
// { name: 'Object 3', value: 3 }

전체 Import

모든 named export를 한 번에 가져와서 사용할 수도 있습니다.

// import.js 
import * as allObjects from './module'; 

console.log(allObjects.obj1); 
// { name: 'Object 1', value: 1 } 
console.log(allObjects.obj2); 
// { name: 'Object 2', value: 2 } 
console.log(allObjects.obj3); 
// { name: 'Object 3', value: 3 }

위의 예시들을 사용하여 하나의 JavaScript 파일에서 여러 개의 객체를 export하고, 다른 파일에서 import할 수 있습니다. 필요에 따라 적절한 방법을 선택하여 사용하면 됩니다.