WebComponent 와 Vue JS

https://medium.com/@hectorlorenzo/vue-as-web-components-custom-elements-91fbb962608a

Vue as Web Components: Custom Elements

Vue Js를 써보면 웹 컴포넌트화로 프론트를 설계할 수 있다는 장점이 있다. 하지만 바닐라 JS로도 가능하지 않을까? 하며 찾아봤다. 역시나 WebComponet 기능을 표준으로 지원하고 있었다. Vue Js 도큐먼트에서도 WebComponent 개념을 느슨하게 차용했다고 설명되어있다. 

 

WebComponents는 지원 API가 있어서 바닐라 JS로만 가능하다. 간단한 싱글페이지는 재사용할 컴포넌트가 적지만, 기능 별로 로직을 구분할 필요가 있다. 그렇기에 Vue 보다 WebComponents를 사용하면 더 빠르게 개발할 수 있을 것 같다. 프레임워크는 익숙해지면 빠르지만 그 규모가 있고 러닝커브가 반드시 있기마련이다.