SEB Section 2 Build

Build

웹 앱은 정적 웹 페이지와 AJAX 기술 그리고 SPA으로 변모함에 따라 클라이언트 사이드의 규모가 커지게 되었다. 이때 웹사이트 구성요소를 각 파일로 분리하는 모듈화가 이뤄지게 된다.

고도화된 클라이언트 웹 앱은 수많은 모듈로 이뤄져 있는데, 이 수많은 모듈을 하나로 묶어주는 작업을 번들링이라고 한다. 이 과정은 다양한 기술들을 브라우저가 해석할 수 있도록 만들어 주는 작업이다. 이 과정을 소프트웨어 빌드라고 부른다. 소프트웨어 빌드는 소스코드를 실행 가능한 결과물로 변환하는 작업을 의미한다.

다양한 모듈은 정적 파일들로 결과가 만들어져야만 한다. 따라서 이 과정은 배포에 필수적이다.

주요 빌드 툴

• webpack : 모듈 번들러
• babel : TypeScript, JSX 등과 같이 브라우저가 지원하지 않는 언어를 JS로 바꿔주는 컴파일러
• ESLint : 자바스크립트 Code convention 및 문법 검사기
• Sass, less : CSS Preprocessor