카카오웹툰은 GitHub Actions를 어떻게 사용하고 있을까?
두줄요약
GitHub Actions로 React 프로젝트의 검사와 빌드를 자동화하고 의존성 캐시를 적용했습니다. Composite Action과 Secrets로 Slack 알림 및 배포 브랜치 규칙을 구성했습니다.
구조와 흐름
- push 이벤트를 트리거로 리눅스 러너에서 checkout, Node.js 설정, 의존성 설치, lint·tsc·build 실행
- package-lock.json 해시 기반 node_modules 캐시와 cache-hit 조건으로 불필요한 npm install 생략
- always() 조건으로 앞선 테스트 실패 후에도 후속 검사 지속
해결 방법
- Composite Action으로 성공·실패 상태와 Slack Incoming Webhook URL을 입력받는 슬랙 알림 구성
- GitHub Actions 환경변수로 저장소, 워크플로, 실행 ID, 브랜치 정보를 포함한 실패 확인 링크 제공
- Node 버전과 Slack URL을 GitHub Secrets로 분리 관리
성능/운영 포인트
- deploy/지역/환경/작업명 브랜치 규칙과 deploy///* 필터를 통한 리전·환경별 배포 워크플로 분기
- 테스트 실패 및 완료 시점의 Slack 알림으로 워크플로 상태 추적



