개발자노트

컴포넌트 등록하기 - 컴포넌트를 등록하는 방법은 전역과 지역의 두 가지가 있다. - 지역(Local) 컴포넌트는 특정 인스턴스에서만 유효한 범위를 갖고, 전역(Global) 컴포넌트는 여러 인스턴스에서 공통으로 사용할 수 있다. - 지역은 특정 범위 내에서만 사용할 수 있고, 전역은 뷰로 접근 가능한 모든 범위에서 사용할 수 있다. 전역 컴포넌트 등록 - 전역 컴포넌트는 뷰 라이브러리를 로딩하고 나면 접근 가능한 Vue 변수를 이용하여 등록한다. - 전역 컴포넌트를 모든 인스턴스에 등록하려면 Vue 생성자에서 .component()를 호출하여 수행한다. ex) Vue.component('컴포넌트 이름', { // 컴포넌트 내용 }); - 전역 컴포넌트등록 형식에는 '컴포넌트 이름'과 '컴포넌트 내용'이 ..

컴포넌트 - 컴포넌트(Component)란 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역)을 의미한다. - 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발 할 수 있다. - 또한 화면의 영역을 컴포넌트로 쪼개서 재활용할 수 있는 형태로 관리하면 나중에 코드를 다시 사용하기가 훨씬 편리하다. 모든 사람들이 정해진 방식대로 컴포넌트를 등록하거나 사용하게 되므로 남이 작성한 코드를 직관적으로 이해할 수 있다. - 내비게이션 바(navigation bar), 테이블(table), 리스트(list), 인풋 박스(input box) 등과 같은 화면 구성 요소들을 잘게 쪼개어 컴포넌트로 관리한다. (p.51 그림참고) - 컴포넌트 간의 관계는 뷰에서 화면을 구성하는 데 매우 중요한 역할을..

라이프 사이클 단계를 크게 나누면 1. 인스턴스의 생성 2. 생성된 인스턴스를 화면에 부착 3. 화면에 부착된 인스턴스의 내용이 갱신 4. 인스턴스가 제거되는 소멸 위와 같이 4단계로 이루어진다. 그리고 각 단계 사이에 사이클 속성 created, mounted, updated 등이 실행된다. beforeCreated - 인스턴스가 생성되고 나서 가장 처음으로 실행되는 라이프 사이클 단계 - data 속성과 methods 속성이 아직 인스턴스에 정의되어 있지 않고, 곰과 같은 화면 요소에도 접근할 수 없다. created - beforeCreated 라이프 사이클 단계 ㄷ음에 실행되는 단계 - data 속성과 methods 속성이 정의 되었기 때문에 this.data 또는 this.fetchData()와..