[Vuejs] 프로젝트 구조
1. node_modules → 모든 모듈들이 실제로 설치된 곳(npm install시 생성) 우리가설치하는 모든 자바스크립트 라이브러리,패키지가 여기에 설치됨 2. package.json → 프로젝트에 대한 정보, 모든 종속성과 스크립트가 포함되어있음 3. package-lock.json → 모듈들이 동작하기 위해 필요로 하는 모듈들의 정보 4. /src/ → 우리가 하는 모든 개발 구성요소가 src폴더에 들어감 main.js : Vue Application의 진입점 (npm run serve시 실행) index.html : 하나의 html로 SPA(Single Page Application)의 특징을 보여줌 (일반적으로 변경할일 없음, 동적으로 update) App.vue : import 후 name..
Vue란?? 1. 표준HTML, CSS 및 JavaScript를 기반으로 구축(웹표준 준수) => 효율적으로 개발 할수 있는 컴포넌트 기반 프로그래밍 모델을 제공 2. Vue의 핵심 1) SPA(Single Page Application) 방식 => 내용이 바뀔때 화면 새로고침을 통하는게 아닌 한 화면 내에서 변화가 이뤄진다.(재배치) 2) Vue CLI 사용 => 간단한 웹팩 세팅을 도와주는 텍스트 기반의 인터페이스(NPM 설치) 3) Router 제공 vue-router를 활용해 컴포넌트를 갱신, 재배치에 도움을 줌. (컴포넌트 : Vue의 객체로 재사용가능 코드를 캡슐화 도움) 4) 선언적 렌더링 JavaScript 상태를 기반, 상태가 변경되면 HTML이 자동으로 업데이트됨. 5) 반응형 업데이트..