react/vue를 다루기 시작 하면
기존 html에서 익숙하지 않았던 컴포넌트 라는 아주 중요한 개념이 등장한다
개인적인 사용이유
1.새로고침이 없이 랜더링된다
-이게 생각보다 spa를 구현해보면 있고 없고 차이가 크게 느껴지게된다
(물론 자바스크립트도 가능하지만)
2.재사용
-물론 기존에도 자바스립트로 묶어서 쓰거나 하면되지만
좀더 편하게 재사용이 가능하다
1.부분랜더링
-처음 주소는 그냥 입력한기능이다 ㅋㅋ 뿌듯해서..
gif로 변환만 하면 엄청 끈긴당(실제로는 아주 부드럽게 잘작동한다)
2.재사용
-화면을 봐보자
이 화면은 총 몇개의 컴포넌트로 이뤄졌냐면
(사람마다 다르겠지만)
네비바/사이드바/companyPage(부모컴포넌트)/registStorePage(company/1 자식컴포넌트)/에디터/지도
이렇게 총 6개의 컴포넌트로 이뤄져 있다
에디터와 지도를 따로 컴포넌트로 만든이유는 재사용을 위해서 이다
다만 아 vue3으로 공부 할껄 생각이는다..
물론 다음 토이프로젝트는 flutter로 할 가능성이 높지만
기왕 하는거 최신 버전으로 하고싶다 생각이든다
'Vue > vue2' 카테고리의 다른 글
| Vue 페이징시 checkbox 유지하기 (0) | 2022.04.01 |
|---|---|
| Vue 페이징 만들기 router watch (0) | 2022.02.15 |
| Vue 부모자식 컴포넌트 데이터 교환 함수호출 (0) | 2022.02.15 |
| vue.js 맛보기!/ckeditor5/router/axios/async/await (0) | 2021.10.07 |