Vue3 빠르게 부수기..

참고 자료 Proxy객체의 내용이 변함에 따라서 자연스럽게 화면의 내용이 일치하게 바뀌는 시스템을 Reactivity System이라고 한다.Vue3에서는 Proxy라고 하는 API를 이용해 화면을 변경하고 있다.Proxy를 통해 객체의 동작을 정의 할 수가 있는데,V

Vue의 인스턴스를 불러와서 적용하는데, 인스턴스를 만들어서 그 인스턴스를 유효하게 다룰 수 있는 화면 영역(HTML 태그)을 지정해줘야 한다.Vue2와 Vue3는 인스턴스를 불러오는 방식이 각각 다른데Vue2는 Vue InstansVue3는 Vue Applicatio

v-on:click -> @click으로 생략이 가능!!

컴포넌트는 화면의 영역을 구분하기 위해 개발 할 수 있는 뷰의 기능이다.컴포넌트 기반으로 화면을 개발하면 코드의 재사용성이 올라가 빠르게 화면을 만들 수 있다.또한 유지보수에 매우 효과적이다.

상위에서 하위로는 데이터를 내려줌, 프롭스 속성하위에서 상위로는 이벤트를 올려줌, 이벤트 발생프롭스 속성은 컴포넌트 간에 데이터를 전달할 수 있는 컴포넌트 통신 방법이다.프롭스 속성을 기억할 때는 상위 컴포넌트에서 하위 컴포넌트로 내려보내는 데이터 속성으로 기억하면 된

하나의 상위 컴포넌트에 동일한 레벨의 하위 컴포넌트가 두개가 있다고 가정하고 코드를 만들어 봤다.하위 컴포넌트에서 버튼을 클릭하면 어떠한 이벤트를 상위 컴포넌트로 보낸다이벤트를 받은 상위 컴포넌트에서 어떠한 함수을 실행하는데, 그 함수는 상위 컴포넌트에 선언한 데이터의

v-bind:id="데이터명", v-bind:class="데이터명", v-bind:style="데이터명" 을 사용하요 데이터를 바인딩 할 수 있다.v-bind:id=""은 축약형으로 :id 이런식으로도 사용 할 수 있다.업로드중..

뷰 CLI는 뷰로 빠르게 프로젝트를 구성하고 프로토 타이핑을 하고 싶을 때 사용하는 CLI 도구입니다.명령 줄 인터페이스(CLI, Command line interface) 또는 명령어 인터페이스는 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻한다.

script프로젝트와 연관 된 명령어들을 지정해서 쉽게 많은 타이핑 없이 동작을 수행 할 수 있도록 하는 명령어dependencies프로젝트 라이브러리 관련 된 리스트devDependencies프로젝트를 개발하기 위해서 필요한 부수적인 라이브러리 리스트eslintCon

싱글 파일 컴포넌트는 화면의 특정 영역에 대한 HTML, CSS, JS 코드를 한 파일에서 관리하는 방법이다. 뷰 CLI로 프로젝트를 생성하고 나면, App.vue라는 파일을 확인 할 수 있다. 이처럼 vue 확장자를 가진 파일을 모두 싱글 파일 컴포넌트라고 부른다.싱

input과 연결 할 data를 v-model을 사용해서 연결하면 끝!React에서 처럼 onChange 이벤트를 사용하여 event.target.value 값을 setState 함수를 사용하여 적용 해야하는 번거로움이 없다!Vue 개발자 도구로 살펴보면 아주 잘 작동

앞전에 만들었던, 로그인 폼 코드를 setup을 이용하여 변환 하였습니다.