③ 프레임워크·라이브러리/vue (2) 썸네일형 리스트형 뷰 프로젝트 세팅 가이드 https://msko.tistory.com/65 Vue CLI 없이 Wepack으로 프로젝트 구성(+ ESLint) 1. Vue package 설치 npm i vue@next npm i vue 로 설치 시, Vue2 버전이 설치됨 기본적은 Vue의 문법을 사용하는 용도 2. .Vue 파일을 관리하기 위한 Package 설치 npm i -D vue-loader@next vue-style-loader @v.. msko.tistory.com { "name": "vue-setting", "version": "1.0.0", "description": "bolier settings for vue", "main": "index.js", "scripts": { "start": "SET NODE_ENV=developm.. 뷰 라이프사이클이란? life cycle, 인스턴스의 생명 주기 vue 라이프사이클이란 vue의 인스턴스가 생성된 순간부터 종료될 때까지의 순환되는 주기를 말한다. 인스턴스는 이 과정에서 다양한 단계를 가지고, 개발자는 이를 이용해 화면과 데이터를 컨트롤 한다. 따라서 생명 주기 단계 마다 어떤 일들이 일어나는 지 이해하고 개발하는 것이 중요하다. 라이프사이클 단계 마다 메서드를 사용해 개발자가 원하는 커스텀 로직을 수행할 수 있기 때문에 vue는 따로 Controller를 가지고 있지 않다. 그림으로 보는 라이프사이클 new Vue()뷰 인스턴스 생성 Init Events & Lifecycle이벤트와 라이프사이클 초기화 ① beforeCreate인스턴스가 초기화된 직후, 데이터 관찰 및 이벤트/감시자 설정 전에 동기식으로 .. 이전 1 다음
프론트엔드 개발자의 주머니에는 뭐가 들었을까?