[Web] Template Engine, JS Framework, Webpack

JS Framework는 high-level abstraction을 제공해준다. 게임 개발로 치면 게임 엔진처럼.

하지만 그 사용법을 익히는 것이 부담스러웠다. Framework들의 종류가 너무 많기도 했고, 사용법이 쉽지 않았기 때문이다

그렇다고 HTML/CSS/JS를 그대로 사용하기는 생산성이 낮아서, Template Engine + jQuery를 사용하여 보완하려 했다

이때 문제점이 발생했다. 문제상황은 아래와 같다.

<Template Engine의 단점>

여러개의 html 파일을 사용하여 하나의 페이지를 구성하였다

이 때, 서로다른 파일에서 tag의 id, class 또는 javascript의 변수(함수) 이름이 겹치면 에러가 발생한다는 것이다.

이 문제는 webpack을 통해 해결할 수 있다

예를들면 vue-cli(Vue Framework + Webpack)이다

<Webpack>

Framework와 마찬가지로, Webpack 또한 high-level abstraction -> 진입장벽이 높다

따라서, 최선의 선택은 아니다

------------

AngularJS와 Vue는 Framework의 일종이고, React는 UI Library라고 한다

jQuery 대신 React를 한번 사용해 봐야겠다