리액트 ES6 문법 - 라이브러리 의존성 관리

아래 책을 읽고 정리한 내용입니다.

https://m.yes24.com/Goods/Detail/87631428

Do it! 리액트 프로그래밍 정석 - 예스24

라이브러리 의존성 관리

⇒ 기존에는 라이브러리 / 모듈 관리가 불편했다….

기존 자바스크립트의 라이브러리 의존성 관리 방법 알아보기

• 기존에는 라이브러리나 모듈의 의존성을 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 }