Fredric News

Tag: WebDev

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

  • Web Portal CORS Policy & API Reverse Proxy

    💡 Web Portal CORS Policy & API Reverse Proxy — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Web Portal CORS Policy & API Reverse Proxy. Local Login Failed References and Guidelines (NOTE) Login is the holy trinity of DB-Keycloak-Vault (Why vault?) localhost keycloakClient authentication failed for development, AdminAPi/LoginServiceImple.java:568 Rationale A…

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

  • Harbor Container Registry T-Shoot & Recovery

    💡 Harbor Container Registry T-Shoot & Recovery — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Harbor Container Registry T-Shoot & Recovery. When: docker push Issue: unknown blob () bash Copy docker push my-harbor/base/ubuntu:latest >>> The push refers to repository [my-harbor/base/ubuntu] a46a5fb872b5: Pushing [==================================================>] 80.62MB unknown blob Given Use Bitnami Helmchart…

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

  • Jekyll Static Blog Build T-Shoot & Ruby Gems

    💡 Jekyll Static Blog Build T-Shoot & Ruby Gems — Executive Summary Technical architectural analysis, practical configuration manifests, and deployment instructions for Jekyll Static Blog Build T-Shoot & Ruby Gems. Rationale bash Copy ❯ jekyll serve Configuration file: /Users/mh/workspaces/myeong-han.github.io/_config.yml Source: /Users/mh/workspaces/myeong-han.github.io Destination: /Users/mh/workspaces/myeong-han.github.io/_site Incremental build: disabled. Enable with –incremental Generating… done in 0.266 seconds. Auto-regeneration:…

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