[vue.js] vue.js 시작하기에 앞서..

 

* 설치를 시작하기 전에

 

vue.js 를 공부하고자 마음먹고 설치 및 환경세팅을 하는중, 의문이 생겼다.

 

공식 홈페이지(https://kr.vuejs.org/) 에서 설치방법을 열심히 정독하였다.

 

vue.js란 무엇인가?

 

필자는 vue 환경에서 두번정도의 프로젝트를 진행하였다.

pa(project assistabt) 역활이라, 그저 시키는대로 프로젝트를 진행할 뿐이였지만,

vue.js 환경에서 작업을 했다는것은 vue를 공부하기에 충분한 매리트를 느낄 수 있었다.

 

공식홈페이지에 따르면 사용자 인터페이스를 만들기위한 프로그레시브 프레임워크 라고 한다.

실무에서 가장 많이 사용하는 프론트엔드 프레임워크 로는 대표적으로 react, vue, angular

정도라고 한다. 뭐가 더 좋다고 콕 찝어 말할 수는 없지만, 세 프레임워크 다 수박겉핥기 식으로

공부해본 결과, 전체적인 방식은 비슷하다는 점이다.

 

즉, 하나만 공부하면 나머지는 생각보다 수월하게 따라갈 수 있다는 뜻이 된다.

퍼블리셔가 접근하기에 진입장벽이 가장 쉽다는 vue.js 부터 공부하게 되었다.

 

vue.js의 가장 큰 장점으로는 현재 개발되어 있는 홈페이지를 vue 환경으로 변경하기가 쉽다는 점이였다.

 

vue.js는 두 가지 방법으로 공부를 할 수 있도록 되어있다.

 

1. cdn방식으로 import 하여 사용하는 방식

- 가장 단순한 방식이다. head 영역에 다음 코드를 추가한다.

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

 

해당 방식은 그저 단순히 vue.js의 문법을 사용하기 위한 방식이다.

공식홈페이지에서도 '프로토 타이핑 또는 학습 목적'에 사용할때 기술하라고 나와있다.

 

2. vue framework 설치방식

 

해당 방식은 절차가 꽤나 복잡하다. node.js를 설치해야 하고, vue-cli를 통해

vue framework를 설치하는 방식이다. 1번 방식과는 달리, .html이 아닌 .vue를 작업/관리하게 된다.

필자는 vue.js를 다루면서 2번 방식으로 공부를 하려고 한다.

(설치방법 및 환경설정은 다음 글에서 다루도록 하겠다.)

 

주관적인 생각으로는, 1번방식(cdn import)이 vue framework를 사용하기 위해

'라이브러리 화' 하여 공부하는 방식이면, 2번방식(vue-cli / npm)이 vue framework를 실제로 공부하기에

적합하다고 생각한다.

 

로컬 개발서버를 사용한다는것, npm/node.js를 사용해 본다는것, 실제 실무에서 사용하듯

.vue로 진행한다는 이점이 있다.