분류 전체보기 (350) 썸네일형 리스트형 [모듈 페더레이션]mhome과 remote2를 연결하여 모듈 페더레이션 by vue.cofig.js mhome과 remote2를 연결하여 모듈 페더레이션(Module Federation)을 설정하는 과정을 처음부터 차근차근 설명합니다.1. vue-cli 자동 구성remote2를 vue-cli로 새로 구성합니다.vue create remote22. remote2 설정remote2는 Webpack 기반으로 동작하며 vue.config.js에서 Module Federation을 설정합니다.vue.config.jsconst { ModuleFederationPlugin } = require('webpack').container;module.exports = { publicPath: 'auto', configureWebpack: { plugins: [ new ModuleFederationPlug.. [모듈 페더레이션과 모노레포 구성] vite(host) + webpack(remote)로 모둘 페더레이션 구성 - 1 아래는 Vite(호스트, home) + Webpack(리모트, remote) 조합으로 Vue 모듈 페더레이션을 구성하는 “완전체” 예시입니다.이전까지 나왔던 오류들(Cannot find module .vue, css-loader missing, Library name must be a string, Shared module not available 등)을 모두 피하도록 각 항목을 최종 정리했습니다.목표remote(Webpack)에서 remoteEntry.js를 생성해 Exposed.vue를 노출home(Vite)이 그것을 가져와 로 사용오류 없이 빌드 및 실행폴더 구조my-mf-project/ ├── remote/ # Webpack (리모트) │ ├── package.json │ .. [쿠버네티스] pod 심화 과정 - 멀티 컨테이너 생성, 사이드카 파드 생성 문제 4: 멀티 컨테이너 Pod 생성하기문제 설명작업 클러스터: k8s목표:4개의 컨테이너(nginx, redis, memcached, consul)를 포함하는 Pod를 생성합니다.Pod 이름은 eshop-frontend입니다.풀이 전략Pod YAML 템플릿 생성:kubectl run 명령어를 사용하여 기본 YAML 템플릿을 생성합니다.--dry-run 옵션으로 실제 리소스는 생성하지 않고 YAML 형식으로 출력합니다.출력된 YAML 파일을 저장합니다.YAML 수정:YAML 파일을 열고 추가 컨테이너들을 정의합니다.각 컨테이너는 이름(name)과 이미지(image)를 지정합니다.Pod 생성:수정된 YAML 파일을 적용하여 Pod를 생성합니다.Pod 상태 확인:kubectl get pod 명령어로 생성된 .. 윈도우 환경 - 시스템 환경 변수 편집을 해도 path을 알아먹지 못할 때, 일단 원하는 패키지로 강제 적용 시키고 싶을 때 admin@DESKTOP-J2C566C MINGW64 ~/Desktop/experiment$ yarn --version1.22.22admin@DESKTOP-J2C566C MINGW64 ~/Desktop/experiment$ export PATH=$PATH:/c/Users/node_modules/.pnpm/yarn@1.22.22/node_modules/yarn/bin 임시적으로 먹게 할수 있다. vue create --packageManager=pnpm host-app legacy opensslexport NODE_OPTIONS=--openssl-legacy-providerpnpm start 모노레포 구성 정리 아래는 **host-maestro-monorepo**를 루트로 하는 pnpm 모노레포 구성부터,Host와 remoteMaestro 두 패키지를 만들고,Host에서 Remote 컴포넌트를 가져와서 사용하는 과정을 순서대로 정리한 내용입니다.1. 폴더 구조 & 초기 설정1) 모노레포 루트 폴더 만들기 mkdir host-maestro-monorepocd host-maestro-monorepo2) pnpm init루트에서 pnpm init을 통해 **루트의 package.json**을 생성합니다. pnpm init루트 package.json 예시 { "name": "host-maestro-monorepo", "private": true, "version": "1.0.0", "scripts": { .. Kubernetes RBAC(Role-Based Access Control) 정리 문제 유형Kubernetes RBAC(Role-Based Access Control) 문제목적: Kubernetes의 RBAC를 활용하여 특정 네임스페이스(api-access)에서 서비스 계정(cicd-token)이 클러스터 수준의 리소스(deployment, statefulSet, daemonSet)에 대해 필요한 권한을 가질 수 있도록 설정하는 문제입니다.주요 작업:ClusterRole 생성 (클러스터 전역에서의 권한 정의)ServiceAccount 확인 및 설정ClusterRole과 ServiceAccount를 연결하는 ClusterRoleBinding 생성문제 해결 전략요구사항Kubernetes에서 RBAC를 설정하여 api-access 네임스페이스에 있는 ServiceAccount(cicd-to.. [백준] 자바스크립트 입력을 받고 또 여려 개 받아야 할 경우 탬플릿 const readline = require("readline");const rl = readline.createInterface({ input: process.stdin, output: process.stdout,});const input = [];rl.on("line", (line) => { input.push(line);}).on("close", () => { const [m, n, k] = input[0].split(" ").map(Number); const bigMap = Array.from({ length: m }, () => Array(n).fill(0)); let index = 1; const stikers = []; for (let i = 0; .. [쿠버네티스] 아키텍쳐 정리 및 간단한 실습 정리 쿠버네티스 아키텍쳐 구조도 - 그림1, 그림2 에 각각 또 필요한 부분이 빠져 있어서 그림 두개를 올림 쿠버네티스 주요 컴포넌트 정리kubectl (클라이언트)kubectl은 사용자 콘솔에서 명령어를 통해 쿠버네티스 클러스터와 통신하는 도구입니다.API 서버와 직접 통신합니다.Control Plane (k8s-master, 사용자 콘솔)API Server클러스터의 핵심 컴포넌트로, 모든 외부 요청과 내부 통신을 처리합니다.다른 쿠버네티스 컴포넌트들과 상호작용합니다.etcd클러스터의 설정과 상태 데이터를 key-value 형태로 저장합니다.모든 상태 정보(노드 상태, 파드 정보 등)를 보관합니다.Controller Manager클러스터의 상태를 관리하는 컨트롤러 집합입니다.예를 들어, 레플리케이션 컨트롤러.. 이전 1 2 3 4 5 ··· 44 다음
