RenoV's Lab

저번 글에서 Vue.js라는 친구가 컴포넌트 중심 개발 스타일을 가지고..... 빠르다.... 뭐 그정도로 알아봤다. 이어서 개념적인걸 알아보기 전에 백문이 불여일견이라고, Hello world부터 직접 해보자. 123456789101112131415161718192021 Hello, Vue {{message}} var app = new Vue({ el: "#app", data: { message: "Hello, world" } });Colored by Color Scriptercs 일단 위의 HTML 파일을 그대로 만들고 실행해보자. Vue.js같은 자바스크립트 프레임워크를 처음 접하는 등의 사람은 "{{message}} 이건 뭐지? 주석인가?" 등의 의문을 가지게 될 것이다. 처음에는 나도 그랬다. ..

웹 프론트엔드 개발을 할 때, 이때까지 계속 jQuery, 외부 라이브러리를 덕지덕지 붙여가며 개발하는데 익숙해져 코드 퀄리티가 심해로 쭉쭉 떨어져가서.... 어떻게든 심해탈출을 위해 방법을 찾던 중 Angular.Js와 같은 자바스크립트 프레임워크 하나를 익혀보기로 했다. Angular.js, React.js 등.... 많은 것들을 찾아보던 중 눈에 띄었던 Vue.js. 좋아 너로 정했다. Vue.js. 이 친구는 누굴까. Github repo에 있는 설명을 읽어보자. Vue.js는 대화형 웹 인터페이스를 개발하기 위한 라이브러리이다. Vue.js is a library for building interactive web interfaces. Vue.js는 데이터-반응형 컴포넌트들을 간단하고 유연한 A..