A
AB180
May 12, 20221회
Airbridge API 개발팀의 Monorepo 도입기

간단 소개
Airbridge API 개발팀의 Monorepo 도입 사례를 통해 배경, 구축 과정, 문제 해결, 효과 및 개선점을 소개합니다.
AI Summary
- Monorepo 도입 배경 및 목표
- Airbridge API 개발팀은 여러 컴포넌트 관리의 복잡성을 해결하고 개발 생산성 향상을 위해 Monorepo를 도입했습니다.
- 목표는 업데이트 과정 단순화, 가시성 향상, 컴포넌트 간 일관성 유지였습니다.
- Monorepo 구축 및 문제 해결
- 기존 컴포넌트들을 api 저장소로 통합하고, 루트 디렉터리 기준으로 프로젝트를 구분했습니다.
- CI/CD 자동화를 위해 Github Webhook을 이용했지만, CI/CD 스크립트 복잡성, 성공 처리 문제, 재배포 불가 등의 문제가 발생했습니다.
- Code Deployer를 도입하여 CI/CD 수행 여부를 판단하고, 스크립트 간소화, 정확한 CI/CD 결과 관리, 재배포 가능 등의 효과를 얻었습니다.
- Monorepo 도입 효과 및 개선점
- PR에서 CI 상태 확인, 생략된 CI 확인, Slack 알림 등을 통해 가시성을 개선했습니다.
- 좋았던 점은 컴포넌트 관리 용이성, 관련 변경점 확인 용이성, 생산성 향상이었고, 아쉬운 점은 코드 접근 권한 제어 불가, 로컬 패키지 버전 관리의 제한이었습니다.
Next Feeds
카카오페이 프론트엔드 개발자들이 React Query를 선택한 이유
카카오페이 프론트엔드 팀이 Redux의 단점을 극복하고 React Query를 도입하여 개발 효율성과 사용자 경험을 개선한 사례를 분석합니다.
React QueryRedux프론트엔드API 통신상태 관리
2022. 5. 10.
카카오페이

Open Problems in Data&Analytics
네이버 서치 Data&Analytics 팀의 A/B 테스트 효율화, 모델 기반 지표 개발, KPI 추적, 신뢰성 및 공정성 측정, 인프라 개선 노력 소개.
AB 테스트Variance모델 기반 지표KPI데이터 인프라
2022. 5. 9.
네이버DnA팀
Runtime 환경 변수 설정으로 빌드 프로세스 개선하기
Next.js에서 런타임 환경 변수 URL 주입 방식으로 빌드 프로세스를 개선하고 결과물의 신뢰성을 높이는 방법에 대한 설명.
Next.js환경 변수런타임빌드dotenv
2022. 5. 5.
카카오엔터테인먼트FE
아토믹 디자인을 활용한 디자인 시스템 도입기
카카오페이지 웹의 아토믹 디자인 기반 디자인 시스템 도입 과정과 문제점, 해결 방안을 제시합니다.
아토믹 디자인디자인 시스템컴포넌트UI 모델링재사용성
2022. 5. 5.
카카오엔터테인먼트FE
Runtime 환경 변수 설정으로 빌드 프로세스 개선하기
Next.js 환경에서 런타임 환경 변수 URL 주입 방식을 통해 빌드 프로세스를 개선하고, 빌드 결과물의 신뢰성을 높이는 방법에 대한 설명.
Next.js환경 변수런타임빌드dotenv
2022. 5. 5.
카카오엔터테인먼트FE
아토믹 디자인을 활용한 디자인 시스템 도입기
카카오페이지 웹의 디자인 시스템 도입 과정과 아토믹 디자인 적용 시 겪는 문제점, 해결 방안을 제시합니다.
아토믹 디자인디자인 시스템컴포넌트UI 모델링재사용성
2022. 5. 5.
카카오엔터테인먼트FE