뷰
1.💡인스턴스 & 컴포넌트
01. 뷰 인스턴스 01-1. 뷰 인스턴스의 정의와 속성 뷰로 화면을 개발하기 위해 필수적으로 생성해야하는 기본 단위 생성자 : 객체를 새로 생성할 때 자주 사용하는 옵션과 기능들을 미리 특정 개체에 저장해 놓고, 새로 개체를 생성할 때 기존에 포함된 기능과 더불어
2.💡라우터 & HTTP통신
01. 뷰 라우터 01-1. 라우팅이란? 웹페이지 간의 이동 방법, 싱글 페이지 애플리케이션(SPA)에서 주로 사용 브라우저에서 웹 페이지를 요청하면 서버에서 응답을 받아 웹 페이지를 다시 사용자에세 돌려주는 시간 동안 화면 상에 깜빡거림 현상없이 매끄러운 전환 가능
3.💡뷰 템플릿
뷰의 템플릿은 HTML,CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 브라우저에서 볼 수 있는 형태의 HTML로 변환해 주는 속성이다.template 속성을 사용하지 않는 경우 template 속성을 사용한 경우데이터 바인딩은
4.💡뷰 프로젝트 구성 방법
template 속성에 작성된 HTML코드를 바로 분석하기가 쉽지 않다. <script> 태그 안에서 HTML코드는 구문 강조가 적용되지 않기 떄문에 오탈자를 찾기가 어렵다.코드 들여쓰기도 어려워 상위 태그와 하위 태그의 관계를 파악하기 어렵다.싱글 파일 컴포넌트
5.💡뷰엑스(Vuex), 뷰의 반응성(Vue Reactivity)
특정 데이터를 여러 컴포넌트가 공유하고 있을 때, 그 데이터를 상태라고 한다.컴포넌트가 너무 많이 존재할 때 props로 데이터를 전달 한다고 할 때, 사이에 있는 모든 컴포넌트에 props를 설정해 줘야한다.만약 데이터 이름을 바꾸기라고 한다면 관리가 힘들어 진다.데
6.💡 서버 사이드 렌더링(SSR), 클라이언트 사이드 렌더링(CSR)
서버에 보내준 HTML파일을 받았을 때, 브라우저가 이 HTML파일을 화면에 로딩하면서 뷰 프레임워크를 이용하여 인스턴스를 생성한다.<ul>태그와 <li>태그를 템블릿 속성에 생성하여 화면에 붙여 넣는다. image(장점) 필요한 데이터만 백엔드에서 가져와