개발은 재밌어야 한다
article thumbnail
Vue.js 컴포넌트 (기본)
javascript/Vue 2021. 3. 20. 19:50

컴포넌트란? 컴포넌트 그 자체로 제 기능을 하며 재사용할 수 있는 컴포넌트로 구성된 대규모 응용 프로그램을 구축할 수 있게 해주는 추상적 개념이다. 기본 HTML Element를 확장하여 재사용 가능한 코드를 캡슐화할 수 있게 해준다. 컴포넌트는 Vue의 컴파일러에 의해 동작이 추가된 사용자 지정 Element이다. 경우에 따라 is 속성으로 확장된 원시 HTML Element로 나타낼 수 있다. 거의 모든 유형의 응용 프로그램 인터페이스를 컴포넌트 트리로 추상화할 수 있다. Vue에서 컴포넌트는 미리 정의된 옵션을 가진 Vue인스턴스이다. Vue 컴포넌트는 Vue 인스턴스이기하므로, 모든 옵션 객체를 사용할 수 있다. (루트에만 사용하는 옵션은 제외) Vue 인스턴스와 같은 라이프사이클 훅을 사용할 수..

article thumbnail
Vue 다이어리 만들기(Vue Diary) - vuex,vue-router,element-ui
javascript/Vue 2020. 7. 21. 22:42

Vue로 만든 다이어리입니다. 요구사항은 다음과 같습니다. 일단 Vue webpack을 생성합니다. CMD 에서 빈 디렉토리로 이동 후 vue init webpack-simple를 통해 webpack을 생성합니다. 이후 폴더의 구조는 아래와 같습니다. 처음에 package.json에는 위와 같이 생성되어 있는데 해당 프로젝트에서는 vuex와 vue-router, element-ui가 필요하므로 install하여 설치 해 준다. npm을 기준으로 npm install vuex --save npm install vue-router --save npm install element-ui -S 다음과 같이 설치해준다. 그럼 이후에 "dependencies" 부분에 보면 다음과 같이 vuex,vue-router,e..