Tag: React
-
Vue.js Instance Properties & Reactivity
💡 Vue.js Instance Properties & Reactivity — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Vue.js Instance Properties & Reactivity. 전역 변수 \$parent 부모 컴포넌트 \$refs[’refername’] 선언된 child 컴포넌트 map Object 부모컴포넌트 내에 선언 \ 전역 메서드 \$set(obj, index or key, value) sql Copy ## 변경감지 활성화 ### 오브젝트 var vm…
-
Webpack Module Federation: React
💡 Webpack Module Federation: React — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Webpack Module Federation: React. Common Enable dynamic loading: bootstrap.tsx ts Copy import React from ‘react’; import { createRoot } from ‘react-dom/client’; import App from ‘./App’; const container = document.getElementById(‘root’); if (container) { const root = createRoot(container); root.render(…
-
Vue.js Core Archi: Virtual DOM & Reactivity
💡 Vue.js Core Archi: Virtual DOM & Reactivity — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Vue.js Core Archi: Virtual DOM & Reactivity. Related pages Implements Using Operation sequence References and Guidelines (NOTE) Run on the client (browser) Create a Vue instance: Create a Vue instance with new Vue() in…
-
싱글 페이지 애플리케이션(SPA) 아키텍처: SSR vs CSR 렌더링
💡 핵심 요약 (Executive Summary) 본 가이드는 concept SPA 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다. 📑 Table of Contents • Virtual DOM Virtual DOM Reference & Guidelines (NOTE) 버추얼 돔(Virtual DOM)은 JavaScript 객체로 구현된 가상의…
-
Rsbuild 프론트엔드 빌드 환경 구축: Rspack 및 React 연동
💡 핵심 요약 (Executive Summary) 본 가이드는 js config build rsbuild.config.ts 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다. 📑 Table of Contents • For ModuleFederation-Enhanced • For ModuleFederation For ModuleFederation-Enhanced Producer (Provider, Remote) ts Copy import…
-
React Webpack Module Federation 마이크로 프론트엔드 구축
💡 핵심 요약 (Executive Summary) 본 가이드는 js source react ModuleFederation Samples 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다. 📑 Table of Contents • 공통 • Producer (Provider) • Consumer 공통 동적 로딩 활성화: bootstrap.tsx ts…