개발 일기

저번글 (2020/12/20 - [Vue] - Vue.js 시작하기 - Vue.js 설치)에서 Vue.js 프로젝트를 하기위해 설치를 하였지만 Vue.js 코딩을 시작하기 위해서 알아야 할 기본적인 것들에 대해 설명을 해보려한다. Instance 모든 Vue 애플리케이션의 필수, Vue 생성자로 인스턴스를 만드는 것부터 시작한다. 인스턴스를 생성할 때는 옵션 객체들을 전달해야하고 이는 사용자가 원하는 동작에 따라 다르다. new Vue({ //옵션들 }) Vue 앱은 new Vue를 통해 만들어진 Root Instance로 구성되고, 중첩이 가능하고 재사용이 가능한 컴포넌트 트리로 구성된다. 우리 프로젝트에 빗대어 표현하자면 이런 모양이 나오겠다. Root Instance (main.js) └─ 최상위 ..

Vue.js 공식 페이지에 다양한 설치 방법이 나와있지만 나는 단일 페이지 애플리케이션을 빠르게 구축할 수 있는 CLI를 사용하여 설치할 것이다. 다른 설치 방법에 대해 참고할 사람은 아래의 페이지를 참고하면 될것같다. kr.vuejs.org/v2/guide/installation.html 설치방법 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org CLI 이용하여 프로젝트 만들기 vue init webpack project 다음과 같은 명령어를 사용하면 Vue 프로젝트가 생성되게 된다. 이때, npm start 또는 npm run build 명령어를 사용한 이후, https://localhost:8080에 접속한다면 Vue 애플리케이션 실행화면을 볼 수 있다. V..

vue.js로 프로젝트를 진행하면서 공부했던 내용을 앞으로 정리하려고 한다. Vue.js 란? 프로그레시브 자바스크립트 FE 프레임워크 => 점진적으로 다른 라이브러리를 채용해 화면에 나타나는 View에 관한 처리 외에도 다른 일을 해낼 수 있음을 나타냄. => 또한 화면에 보여지는 부분에만 초점을 맞춰 문서 객체 모델을 관리해준다. Vue.js를 포함한 대표적 FE 프레임워크 Angular 2010 출시 React 2013 출시 Vue 2014 출시 ( 비교적 최신의 프레임워크) Angular 문법으로부터 영감을 받아 일부 문법(데이터 바인딩 등)들이 유사함. 라이프사이클이 Vue가 React보다 더 심플하고 직관적이어서 학습에 있어 더 용이하다는 장점. 더 많은 프레임워크와의 비교. https://k..