WEB FRONT/Vue (2) 썸네일형 리스트형 [Vue] Vue와의 첫만남! 개발 환경 설정을 마쳤으니 잘 작동하는지 확인해 볼 시간! (Vue 맛보기) index.html 파일을 하나 만들어서 html + 엔터 누르면 기본 양식이 자동완성된다. ★ Atom html 자동완성 단축키 : html + 엔터 일단 책이 시키는 대로 코드를 작성해보았다 {{ message }} html 블럭에 넣으면 깨져버려서 일단 코드 블럭에 넣었다 코드를 살짝 해석해보면 app라는 id요소를 가진 div안쪽에서 message 라는 일종의 변수를 호출해 사용하는데...! vue.js를 cdn으로 연결해준 뒤에 Vue 객체를 생성해서, id가 app인 요소의 속성을 el에 세팅하고 . . . data에는 Hello Vue.js 라는 message를 세팅... 한다 ?(?) 얼레벌레 해석 완;; inde.. [Vue] 개념 및 개발 환경 설정 마음같아서는 리액트 공부를 하고싶지만, 상대적으로 쉽다는 Vue공부를 먼저 시작하기로 결심! 이지스퍼블리싱의 Vue.js 입문 책으로 독학 시작 ~ ▶ Vue.js 란? 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크 ▶ Vue.js의 장점? 1) 배우기 쉽다! 2) 리액트와 앵귤러에 비해 성능이 좋고 빠르다! 3) 리액트의 장점(가상 돔기반 렌더링)과 앵귤러의 장점(데이터 바인딩 특성)을 가지고 있다! ▶ Vue.js의 특징? 1) UI 화면단 라이브러리 - MVVM 패턴중 뷰모델! - 모델(서버에서 가져온 데이터를 JS객체 형태로 저장) / 뷰모델(뷰와 모델의 중간) / 뷰(사용자가 보는 화면) 2) 컴포넌트 기반 프레임워크 - 코드 재사용 용이 - 구조 파악 용이 3) 앵귤러(양방향 데이터 바.. 이전 1 다음
