# 프로젝트 환경 구성

현대의 웹 어플리케이션은 많은 컴포넌트와 페이지로 구성됩니다.
다수의 파일을 효과적으로 구성하기 위한 다양한 방법이 존재합니다.

WoowahanJS는 번들러를 이용한 구성과 Script 태그로 로딩하여 사용하는 방법 모두를 지원합니다.
프로젝트의 특성에 맞춰 적절한 방법을 선택하실 수 있습니다.

## 번들링 프로젝트

많은 프로젝트 모듈들을 효과적으로 개발하기 위해서 CommonJS 또는 ES6가 지원하는 방식으로 컴포넌트를 모듈화할 수 있습니다.
그러나 아직까지 이 방식을 지원하지 않는 브라우저가 많기 때문에 브라우저 호환성을 위해 트랜스파일링의 과정을 거치게됩니다.

예제 디렉토리의 많은 앱들을 참고해주세요.
Webpack과 Babel을 이용한 구성으로 되어있습니다.

[Examples](../examples)

## 번들링 하지 않는 구성

간단한 프로젝트의 경우 번들링이 필요없는 구성일 수 있습니다.
woowahanjs 는 일반적인 라이브러리처럼 script 태그로 로딩될 수 있습니다.

포함된 예제 중 타이머 예제는 번들링 하지 않고 간단히 script 태그로 로딩하여 작성되었습니다.
[Timer example](../examples/timer)