드디어 Vue.js 공부를 시작했다..! 한 단계 더 성장하리라🏃🏻♀️
💛 Vue는 무엇인가 💛 MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리
인스턴스는 new Vue로 선언하여 만들어진 객체로, 뷰로 개발할 때 필수로 생성해야 하는 코드이다.
🧩컴포넌트 소개 🧩화면에 비춰지는 뷰의 단위를 쪼개어 재활용이 가능한 형태 로 관리하는 것 🧩Vue는 재사용이 가능한 컴포넌트로 웹 페이지를 구성할 수 있습니다.
Vue.js에서 부모-자식 컴포넌트 관계는 props는 아래로, events 위로 라고 요약 할 수 있습니다.
부모는 props를 통해 자식에게 데이터를 전달하고 자식은 events를 통해 부모에게 메시지를 보냅니다.
😷 뷰에서 싱글 페이지 애플리케이션을 구현할 때 사용하는 라이브러리 😷 페이지 이동과 관련된 기능을 라우터로 구현한다.
🛹 axios는 뷰에서 권고하고 있는 HTTP 통신 라이브러리 🛹 Promise 기반의 HTTP 통신 라이브러리 🛹상대적으로 다른 HTTP 통신 라이브러리들에 비해 문서화가 잘되어 있고 API가 다양함
🪐 템플릿(Template)의 분류 🪐 뷰로 화면을 조작하는 방법 🪐 크게 데이터 바인딩과 디렉티브로 나뉜다.
watch & computed
🍖 Command Line Interface 🍖 명령어를 통해 특정 action을 수행하는 도구
1. 단축키 안되면 App.vue 2. 싱글 파일 컴포넌트 체계에서 컴포넌트 등록하기 App.vue 3. 싱글 파일 컴포넌트에서 props 속성 사용하기 App.vue ./components/AppHeader.vue (<- 이처럼 두
🌱 사용자 입력 폼 만들기 - 프로젝트 생성 및 마크업 작업
🥞 할일 앱 만들기 - 🥞 프로젝트 생성부터 기능 구현까지!
🚥 현재 애플리케이션 구조의 문제점을 해결해보자! (새로고침을 해야 데이터 갱신되는 문제점 존재)
1. 변수 선언 방식 const & let const : 한번 선언한 값에 대하여 변경 불가 (상수 개념) let : 한번 선언한 값에 대하여 재선언 불가 하지만, const 객체나 배열의 내부는 변경할 수 있다. 2. Arrow Function 함수를 정의할 때 function이라는 키워드를 사용하지 않고 =>로 대체 콜백 함수의 문법을 간결화 ...