Vue3의 훅(Hook)详解 및 커스텀 지시문과의 결합
Vue3 커스텀 훅 기법
훅은 라이프사이클 콜백을 처리하는 함수 형태의 기능입니다. React의 훅을 차용한 Vue3의 Composition API는 복잡한 로직을 재사용 가능한 모듈로 분리할 수 있도록 설계되었습니다. 이는 Vue2의 Mixin과 유사하지만, 코드 출처가 명확하고 관리가 용이합니다.
Vue3 훅 활용 패턴
1. 커스텀 훅 파일 생성
import { onMounted } from "vue&qu ...
5월 28일 06:42에 게시됨
React 기초 개념과 시작하기
React의 핵심 원리와 사용 이유
React는 가상 문서 객체 모델(기존의 실제 DOM 대신)을 활용하여 렌더링 성능을 최적화합니다. 컴포넌트 상태가 변경되면, React는 새로운 가상 DOM 트리를 생성하고 기존 트리와 비교하여 차이를 분석하는 '차이 알고리즘'(Diff Algorithm)을 적용합니다. 이 과정을 통해 변동된 부분만 실제 DOM에 반영되므로, 불필요한 렌더링 작업을 줄 ...
5월 22일 11:09에 게시됨