자바스크립트 + 리액트 디자인 패턴

228

자바스크립트 + 리액트 디자인 패턴

확장 가능한 자바스크립트 환경에서

모듈형

modular

이란 서로 의존성이 낮은 기능들이 모듈로

써 저장된 형태를 뜻합니다. 이러한 느슨한 결합은

의존성

을 제거하여 애플리케이션의 유지

보수를 용이하게 만들어줍니다. 모듈을 적절하게 활용한다면 시스템 어느 한 부분의 변경이

다른 부분에 어떠한 영향을 미칠지 쉽게 파악할 수 있습니다.

앞선 장에서는 모듈형 프로그래밍의 중요성과 모듈형 디자인 패턴을 구현하는 최신 기법

에 대해 살펴보았습니다. 자바스크립트는

ES2015

01

이후부터 네이티브 모듈을 도입했지만,

2015

년 이전에도 특정 방식을 사용하여 모듈형 자바스크립트를 작성할 수 있었습니다.

이번 장에서는 전통적인 자바스크립트 (

ES5

)

02

문법을 사용하는

AMD

,

CommonJS

,

UMD

세 가지 방식에 대해 살펴보겠습니다. 자바스크립트 모듈에 대해 더 알아보고 싶다면,

ES2015

+의 모듈 가져오기, 내보내기 등의 문법을 다루는

5

장을 참고하세요.

10.1

스크립트 로더에 대한 참고사항

AMD

와

CommonJS

같은 모듈형 자바스크립트를 이해하기 위해서는 스크립트 로더

03

에 대

한 설명이 필수적입니다. 스크립트 로더는 모듈형 자바스크립트를 구현하기 위한 핵심적인

도구였으며, 호환 가능한 스크립트 로더를 사용해야만 모듈형 자바스크립트를 ...