모노레포가 미리캔버스 프론트엔드 아키텍처를 뒷받침 하는 방법 [2/2]
모노레포가 미리캔버스 프론트엔드 아키텍처를 뒷받침 하는 방법 [2/2]
미리캔버스 프론트엔드 모노레포의 CI/CD와 배포 구조를 설명했습니다. 빌드 아티팩트 분리와 Module Federation, manifest 기반 독립 배포, 관측 지표를 함께 다뤘습니다.
#모노레포#CI/CD
77005분
필터 1
Nx에서 Bun 더 잘 사용하기: Nx 18 -> 21 마이그레이션
Nx 18에서 Bun을 쓰면 lock file 감지와 파싱 문제로 마이그레이션이 꼬일 수 있었습니다. Bun 1.2.x와 Nx 21.4+로 올려 `bun.lock`을 쓰자 빌드와 CI가 안정화되었습니다.
#Nx#Bun
53005분
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다
우리 팀엔 자바스크립트 상차만 하는 프런트엔드가 있었다
프런트엔드의 index.html을 백엔드에서 분리해 독립 배포 구조로 전환했습니다. S3, CloudFront, Lambda@Edge를 활용해 성능과 운영 효율을 함께 개선했습니다.
#React#TypeScript
42005분
크롬 확장프로그램 개발⛏️ 회고
크롬 확장프로그램 개발⛏️ 회고
크롬 확장프로그램을 Vue와 Chrome API로 개발하고 배포한 과정을 회고했습니다. 검수 과정에서 권한, HTTPS, CSP, 리소스 처리 같은 실무 이슈를 정리했습니다.
#Chrome Extension#Vue.js
0005분