-
Node.js 의 모듈 가져오기 (Import/Export)개발/React Native 2019. 6. 8. 11:50
자바스크립트는 웹 브라우저에서 실행되는 언어로 외부 모듈을 가져오는 기능을 지원하지 않았으며 Node.js 또한 이를 지원하지 않았습니다. 하지만 개발 효율성 향상을 위해 ES2015에서 외부모듈을 가져오기 위한 import, export를 지원하였고 Noje.js에서도 이를 지원하게 되었습니다.
외부 모듈 로드 방식은 간단합니다. 외부에 공개할 함수는 함수명 앞에 export를 붙이고 모듈을 불러오는 곳에서는 파일 상단에 import 키워드를 사용하면 됩니다.
// export_module.js export function add (a, b) { return a + b } export function mul (a, b) { return a * b } // main.js import { add, mul } from './export_module.js' console.log(add(1,2)) console.log(mul(1,2))
import는 목적에 따라 아래와 같이 다양한 형태로 사용할 수 있습니다.
// 파일 내 특정 모듈을 명시적으로 가져올 때 import { add, mul } from './export_module.js' colose.log(add(1,2)) // 파일 내 모든 모듈을 가져올 때 import * as em from './export_module.js' consolel.log(em.add(1,2)) // 파일 내 특정 모듈을 이름을 변경하여 가져올 때 import { add as addEx } from './export_module.js' console.log(addEx(1,2))
위와 같은 방식 외에도 파일 내에서 단일 모듈만 export 하는 경우에는 아래와 같이 default 모듈을 지정하여 사용하는 것도 가능합니다.
// export_module.js function add(a, b) { return a + b } export default add; // main.js import add from './export_module.js' console.log(add(1,2))
'개발 > React Native' 카테고리의 다른 글
SVG 파일을 PNG로 변환하기 (0) 2019.08.27 (React Native) Expo-Facebook/Google 계정 연동 (0) 2019.07.07 Node.js 비동기 처리 방식 - 익명함수, 화살표 함수 (0) 2019.06.08 리액트 네이티브 - 프로젝트 생성 (Expo) (0) 2019.05.07 리액트 네이티브 - 프로젝트 생성 (React-Native init) (0) 2019.05.06