모든 태그
태그

monorepo 기술 블로그 글

monorepo 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.

전체 18개최신 18개 표시
홈에서 필터

최신 게시글

18개 표시

AI

에이전트가 직접 쓴 운영 매뉴얼: AI 코딩 에이전트를 위한 5겹 하네스

AI 코딩 에이전트의 작업을 통제하는 5겹 하네스 구조를 소개했습니다. 자동 검증과 권한 제어로 사람이 설계 리뷰에 집중하는 방식을 설명합니다.

#Claude Code#monorepo#TypeScript
000

아키텍처

당근페이 백엔드 아키텍처가 걸어온 여정

당근페이 백엔드가 계층형 아키텍처에서 헥사고날 아키텍처를 거쳐 클린 아키텍처와 모노레포로 진화한 과정을 소개했습니다. 서비스 성장에 따른 결합도와 배포 복잡도를 줄이기 위해 도메인 분리와 의존성 역전을 강화했습니다.

#Layered Architecture#Hexagonal Architecture#Clean Architecture
43300

프론트엔드

버즈빌 프론트엔드 변천사

버즈빌이 AngularJS부터 Next.js까지 프론트엔드 아키텍처를 어떻게 바꿔왔는지 정리한 글입니다. 각 전환의 선택 이유와 운영상의 효과, 남은 과제까지 함께 공유했습니다.

#Vue.js#React#Next.js
14200

데브옵스

FE Core팀의 CI 속도전: 캐시 전략을 활용한 병렬 빌드

monorepo CI에서 Runner 증설과 Matrix 병렬 빌드를 도입해 빌드 시간을 단축했습니다. Turborepo 캐시 사전 점검으로 캐시 적중 시 오버헤드도 줄였습니다.

#Turborepo#GitHub Actions#CI/CD
000

데브옵스

FE Core팀의 CI 속도전: 캐시 전략을 활용한 병렬 빌드

monorepo CI에서 병렬 빌드와 캐시 사전 점검으로 빌드 시간을 크게 줄인 사례를 정리했습니다. Runner 개선과 검증 단계 분리로 안정성까지 함께 높였습니다.

#CI/CD#cache#GitHub Actions
5900

프론트엔드

TurboRepo Just-in-Time Packages 적용기 Feat. ModuleResolution

Turborepo JIT Packages로 공통 패키지 소스를 빌드 없이 참조하는 방식을 소개했습니다. TypeScript 모듈 해석과 Next.js 설정 충돌을 분석하고 해결 과정을 정리했습니다.

#Turborepo#TypeScript#monorepo
000

백엔드

TurboRepo Just-in-Time Packages 적용기 Feat. ModuleResolution

모노레포 공통 패키지를 TurboRepo Just-in-Time Packages 방식으로 바꾸는 과정을 소개했습니다. Typescript moduleResolution과 exports 설정을 함께 이해하며 빌드 없이 소스를 참조하는 흐름을 설명했습니다.

#Turborepo#monorepo#TypeScript
31400

아키텍처

오픈소스 ABC User Feedback에 적용한 모노리포 구조 소개

ABC User Feedback에 적용한 모노리포 구조와 디렉터리 구성을 소개했습니다. Turborepo 캐시와 원격 캐시로 빌드 효율을 높인 방식도 함께 설명했습니다.

#TypeScript#monorepo#Turborepo
4300

아키텍처

통합된 개발과 배포 : Monorepo와 GitOps의 매력적인 조합

주요 서비스의 FE 분리 과정에서 Monorepo를 적용하고 배포 환경까지 함께 고민한 글입니다. 개발과 배포를 통합하는 방향으로 GitOps 조합을 검토했습니다.

#GitOps#Monorepo#배포
3200

프론트엔드

당근페이 FE, 4개의 프로젝트를 하나로 합치며 나눈 대화들

당근페이 프론트엔드가 4개 프로젝트를 원레포·원도메인 구조로 통합한 배경과 논의 과정을 공유했습니다. 폴더 구조를 page, shared, common 기준으로 정리하며 기준을 세워가는 방식을 소개했습니다.

#폴더구조#monorepo#shared
4700

프론트엔드

잦은 배포를 언제나 안정적이고 쉽게- SimGit flow 기반 Git 브랜치 전략 개선기1

서비스와 인원이 늘며 Git Flow의 병합 조율 비용이 커졌습니다. SimGit Flow와 보조 브랜치를 도입해 개발 집중도와 배포 효율을 높였습니다.

#Git#브랜치 전략#monorepo
1400

프론트엔드

신입 웹프론트엔드 개발자 2개월 차 후기

2개월 온보딩에서 Next.js 렌더링, 모노레포, Storybook의 동작과 활용 방식을 학습했습니다.\n빌드·배포·협업 흐름을 경험하고 온보딩 문서화와 과제 구성 개선점을 제안했습니다.

#Next.js#SSG#SSR
3800

프론트엔드

우리는 왜 공통 라이브러리를 만들기 시작했나

반복 구현을 줄이고 기술 표준을 만들기 위해 공통 라이브러리 도입 배경과 기준을 정리했습니다. Lerna 모노레포와 npm으로 add-separator를 배포하고 문서화·리뷰·테스트 원칙을 세웠습니다.

#React#Lerna#npm
000

프론트엔드

우리는 왜 공통 라이브러리를 만들기 시작했나

반복 개발을 줄이기 위해 외부 라이브러리와 내부 공통 라이브러리의 선택 기준을 정리했습니다. Lerna 모노레포와 TDD로 숫자 구분자 패키지를 구현하고 신뢰 원칙을 세웠습니다.

#React#Lerna#npm
2700

프론트엔드

Amplify Console에 monorepo를 연결해서 웹호스팅 할 때의 주의사항

Amplify Console에 monorepo를 연결할 때 빌드 실행 경로와 Preview 동작 범위를 설명했습니다.\n불필요한 빌드·비용을 막기 위한 브랜치 자동 감지와 webhook 배포 방식을 제안합니다.

#AWS#Amplify Console#monorepo
000

프론트엔드

Yarn Workspace를 이용한 Monorepo 구성

Next.js 기반 학생·강사 서비스의 공통 컴포넌트 공유를 위해 Yarn Workspace Monorepo를 구성했습니다. 외부 트랜스파일과 React 중복 문제를 해결하고 의존성과 실행 명령을 루트에서 관리했습니다.

#Yarn Workspace#monorepo#Next.js
2100

데브옵스

GitHub Actions 활용하기

기존 CI 도구의 긴 테스트 시간과 monorepo 운영 문제를 개선할 필요가 있었습니다. 저장소 분리와 함께 작성·확장이 쉬운 GitHub Actions를 워크플로우에 활용했습니다.

#GitHub Actions#CI/CD#Jenkins
3500

프론트엔드

화해팀 입사 3개월차, 프론트엔드 기술 기반 다지기

프론트엔드 플랫폼의 공통 개발 기반을 OKR로 설정하고 Git·lint 규칙을 정비했습니다.\nMonorepo와 Storybook을 도입해 공통 로직 및 컴포넌트 공유를 강화했습니다.

#React#TypeScript#Git
000