Fredric News

Tag: Frontend

  • 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…

  • Vue.js Options API: data, computed, watch and

    💡 Vue.js Options API: data, computed, watch and — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Vue.js Options API: data, computed, watch and. props javascript Copy <template></template> <script> import … export default { name: “Name”, props: { item: Object, viewList: Array, isRetrieving: Boolean, show: Boolean, title: String, selected: Array, required:…

  • Object Storage Archi: S3 APIs vs Block/File

    💡 Object Storage Archi: S3 APIs vs Block/File — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Object Storage Archi: S3 APIs vs Block/File. Why Netflix can provide optimal performance even when using Object Storage The reason why Netflix can provide excellent streaming performance and minimal buffering while using Object Storage…

  • 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(…

  • Node.js Runtime Sheet: V8 Memory & Cluster

    💡 Node.js Runtime Sheet: V8 Memory & Cluster — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Node.js Runtime Sheet: V8 Memory & Cluster. Related page Version Manager Package Managers Exec bash Copy #리턴결과 출력 node -p “${arg}” # node -e “console.log(${arg})”와 동일 #js 실행 node -e “${js_syntax}” Main components bash…

  • Rsbuild Ultra-Fast Frontend Build Setup with

    💡 Rsbuild Ultra-Fast Frontend Build Setup with — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Rsbuild Ultra-Fast Frontend Build Setup with. For ModuleFederation-Enhanced Producer (Provider, Remote) ts Copy import { defineConfig } from ‘@rsbuild/core’; import { pluginReact } from ‘@rsbuild/plugin-react’; import { ModuleFederationPlugin } from ‘@module-federation/enhanced/rspack’; export default defineConfig({ server:…

  • 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…

  • Modern Frontend JavaScript State Mgmt Compare

    💡 Modern Frontend JavaScript State Mgmt Compare — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Modern Frontend JavaScript State Mgmt Compare. Next.js VS Express.js VS NestJS Framework Role Main Features Relevance to other frameworks Next.js front-end framework – React-based – Server-side rendering (SSR) and static site generation (SSG) – File-based…

  • Vue 2 to Vue 3 Migration: Composition API

    💡 Vue 2 to Vue 3 Migration: Composition API — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Vue 2 to Vue 3 Migration: Composition API. References and Guidelines (NOTE) BookMarkshttps://dev.grapecity.co.kr/bbs/board.php?bo_table=Insight≀_id=73 https://vuejs.org/#breaking-changes https://ui.toast.com/weekly-pick/ko_20200804 https://webpack.kr/configuration/dev-server/#devserver https://kyounghwan01.github.io/blog/Vue/vue3/global-state/#%E1%84%86%E1%85%A9%E1%86%A8%E1%84%91%E1%85%AD https://v3-migration.vuejs.org/migration-build.html#installation https://www.vuemastery.com/blog/vue-3-migration-build/ https://github.com/logaretm/vee-validate/issues/3438 //vee-validate 3 to 4 migration is failed Vue2 cons: limited typescript support, performance…

  • CSS Selectors : Compound Selectors

    💡 CSS Selectors : Compound Selectors — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for CSS Selectors : Compound Selectors. About CSS selectors CSS (Cascading Style Sheets) is responsible for providing styles to HTML elements. To do so, you need to be familiar with selectors because you need to specify the…