React
리액트 ES6 문법 - 라이브러리 의존성 관리
solfa
2024. 2. 1. 18:05
아래 책을 읽고 정리한 내용입니다.
https://m.yes24.com/Goods/Detail/87631428
라이브러리 의존성 관리
⇒ 기존에는 라이브러리 / 모듈 관리가 불편했다….
기존 자바스크립트의 라이브러리 의존성 관리 방법 알아보기
- 기존에는 라이브러리나 모듈의 의존성을 script 엘리먼트를 이용해 관리했음
- 엘리먼트의 선언 순서가 바뀌면 오류가 발생하는 등 문제가 많았음
ES6의 라이브러리 의존성 관리 방법 알아보기
import MyModule from './MyModule';
import { ModuleName } from './MyModule';
import { ModuleName as RenamedModuleName } from './MyModule';
function Func() {
MyModule();
}
export const CONST_VALUE = 0;
export class MyClass {}
export default new Func();
- import구문을 사용하여 script 엘리먼트 없이 연결된 파일 및 의존 파일을 먼저 모두 내려 받고 코드를 구동!
- 객체 구조 할당과 유사하게 이름이 충돌할 경우 변경도 가능
- import { ModuleName as RenamedModuleName }
728x90