클라이언트 프레임웍에 해당하는 글 1

프론트엔드 vuejs를 선택할 것인가?

Computer 관심/이것저것|2018. 5. 9. 14:27
반응형

Jquery 정말 유용한 기술이다. 긴 시간 동안 front-end를 만드는데 사용되왔기 때문에 어떤것이든 검색을 하면 답이 웬만하면 다 나온다. 하지만 답을 찾는 것과 별계로 Jquery를 가지고 프론트엔드를 만들시 나 같은 초보가 만들면 정리가 되지 않은 더러운 코드를 쓰게 되고 유지보수의 난이도를 상승시킨다...



VUE.JS


1년전 즈음 회사를 다닐때 Jquery를 가지고 html을 랜더링을 하는것이 귀찮고 힘들어서 vuejs를 썼다. 회사 프로젝트를 만드는 건데 멋데로 vuejs를 써서 욕을 먹긴 했지만 내가 아닌 다른 사람이 유지보수를 할때도 금방 적응해서 사용하는 것을 보고 참 다행이다 싶었다.

그때도 지금도 가장 많이 쓰는 것은 reactjs나 angularjs다. 하지만 angularjs는 정말로 공부해야 할게 많고 reactjs는 angualarjs보다는 쉽다고 느껴지지만 vue나 react를 사용해서 프론트엔드를 만들때 사용하는 flux패턴은 vuex가 redux 보다 심플하다.

가장 큰 장점은 vuejs의 심플하지만 명확한 다큐먼트인거 같다. 한글화도 잘 되어있고 한글을 보지 않고 예제 코드만 봐도 알기 쉽게 다큐먼트를 만들어 놨다. 어떤 유튜버는 개발의 필요한 모든 것들은 vuejs공식 홈페이지에서 제공하는 다큐먼트만 봐도 알 수 있다고 말했다.

 



vuejs를 어디에 써야 하는가?


1. 기존에 있던 프로그램 정리 

vuejs는 npm으로 모듈을 인스톨 하는 것과 jquery 처럼 cdn방식으로 간단하게 붙여서 사용할 수도 있다. 그렇기 때문에 기존에 jqeury를 가지고 만든 웹사이트를 vuejs로 바꾸어 사용하면 더 편리하게 유지보수를 할 수 있다.


2. 기존에 있던 프로그램의 새로운 페이지

기존에 있는 사이트의 세로운 페이지를 vuejs를 가지고 만들면 jquery를 사용하지 않고도 컴포턴트 단위로 페이지를 만들 수 있다. 


3. 개인 프로젝트

리액트처럼 개발자를 구하는 회사가 아직까지는 많지 않다. 그렇기 때문에 vuejs를 간단한 개인 프로젝트에 사용하면 간편하게 사용할 수 있다.




배우는 방법


자바스크립트에 대한 조금의 지식만 있으면 공식홈페이지의 가이드(https://kr.vuejs.org/v2/guide/index.html)만 봐도 시작할 수 있다. 유튜브에 vuejs라고 치면 많은 튜토리얼이 나온다. 그리고 정말로 따라하기 어렵지 않다.




vuejs를 배울 것인가 아니면 reactjs를 배울 것인가?


프로그래밍은 계속해서 다른 것을 배우게 만든다. 이것을 선택할지 저것을 선택할지 고르지 못하면 고민으로 시간만 보내게 된다. vuejs를 배울지 reactjs를 배울는 자신이 처해 있는 환경에 따라 다를 것 같다. 


1. 자신의 회사에서 JQeury 를 가지고 전통적인 방식으로 개발 하고 있다. -> vuejs를 배우고 적용 기존에 진행하고 있는 프로젝트에 적용을 시켜보면 좋을 것이다.


2. 리액트가 너무 어렵게 느껴진다. -> vuejs는 확실히 발을 들여놓기 쉽다. vuejs와 reactjs는 비슷한 점이 많기 때문에 vuejs를 하다보면 reactjs에 대해 감을 잡을 수도 있다.


3. reactjs를 사용하는 회사에 취업을 준비한다 -> 이 경우는 확실히 리액트를 배워야 한다. 채용시장은 reactjs가 훨씬 유리한듯 하다.


4. php를 한다. -> php프레임웍인 라라벨에서 공식적으로 vuejs를 사용하는걸 권장했으므로 자료가 많다.




개인적으로 vuejs는 정말 잘 만들어진것 같다. 결론은 사용해도 후회 없는 프레임웍일 것이다. 끝


반응형

댓글()