uni-app CLI 빌드 환경 구성 가이드
uni-app 프로젝트를 HBuilderX에서 CLI 방식으로 전환하면 자동화된 빌드 파이프라인 구축이 가능하며, CI/CD 환경과의 통합도 원활해집니다. 기존 HBuilderX는 개발 편의성을 위해 병행 사용할 수 있습니다.
1. 소스 디렉토리 재구성
프로젝트 루트에 src 폴더를 생성하고 모든 애플리케이션 소스코드를 해당 위치로 이동합니다.
2. 진입점 HTML 파일 생성
루트 경로에 ...
6월 1일 16:41에 게시됨
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에 게시됨