https://zihuns.github.io/FE개발자 서지훈의 망그러진 개발 블로그입니다. 2026-03-20T01:43:14+09:00 zihuns https://zihuns.github.io/ Jekyll © 2026 zihuns /assets/img/favicons/favicon.ico /assets/img/favicons/favicon-96x96.png 2026-03-19T10:00:00+09:00 2026-03-19T10:00:00+09:00 https://zihuns.github.io/posts/dspCRBot/ zihuns

안녕하세요, 오늘은 최근 사내 개발 프로세스 혁신을 위해 구축한 AI 코드 리뷰 자동화 봇 ‘dspCRBot’의 제작기를 공유하고자 합니다. 단순히 AI를 도입한 것을 넘어, 사내망(VPC) 보안 제약과 타임아웃 문제를 어떻게 기술적으로 해결했는지, 그리고 AI 리뷰의 신뢰도를 어떻게 객관적으로 검증했는지에 대한 과정을 담았습니다. Slack 알림(코드 리뷰 요청/완료) 화면 예시 Slack 알림 스레드에 달린 AI 코드 리뷰 코멘트 예시 GitLab MR에 자동으로 달린 AI 코드 리뷰 코멘트 예시 1. 도입 배경: 왜 AI 코드 리뷰인가? 팀 규모가 커지고 배포 주기가 빨라지면서 코드 리뷰가 병목이 되는 상황이 잦아졌습니다. 특히 ...

2025-11-09T01:00:00+09:00 2025-11-09T01:00:00+09:00 https://zihuns.github.io/posts/tdd_ppt/ zihuns

📌 이 글은 TDD 시리즈 중 4편입니다. 1편: Vitest 전환과 커버리지 기반 품질 관리 2편: 주간 커버리지 대시보드로 시각화하기 3편: 커버리지 측정 및 자동화 시스템 구축 (GitLab + Vitest) 안녕하세요, 최근 사내 Tech 부문에서 진행한 ‘Vitest로 안정적인 프론트엔드 개발하기’ 발표 내용을 블로그 글로 정리하여 공유합니다. 이 글에서는 테스트 자동화 시스템을 구축하게 된 배경부터 실제 적용 사례, 그리고 CI/CD 연동을 통해 얻은 성과까지의 과정을 담았습니다. Tech 부문 발표 일정 슬랙 공지 1. 도입 배경: 왜 테스트 자동화인가? 최근 프론트엔드 프로젝트의 복잡도가 증가하면서 코드의 안정성 확보가 그 어느 때보다 중요해졌습니다. 저희 팀 역시 다음과...

2025-09-05T01:00:00+09:00 2025-09-05T01:00:00+09:00 https://zihuns.github.io/posts/tdd_gitlab/ zihuns

📌 이 글은 TDD 시리즈 중 3편입니다. 1편: Vitest 전환과 커버리지 기반 품질 관리 2편: 주간 커버리지 대시보드로 시각화하기 4편: Tech 발표, Vitest로 안정적인 프론트엔드 개발하기 1. 도입 배경 프론트엔드 프로젝트에서 테스트 자동화 및 커버리지 관리 필요성 증가 MR(Merge Request) 시점에 자동으로 커버리지를 측정하고 팀원들이 직접 확인할 수 있는 체계 구축 요구 코드 품질을 정량적으로 관리하고 리팩토링 안정성을 확보하기 위한 자동화된 커버리지 관리 시스템 도입 2. GitLab CI/CD 파이프라인 구축 2.1 파이프라인 스테이지 설계 MR이 생성될 때마다 자동으로 테스트를 수행하고, 그 결과와 커버리지 리포트를 생성하여 업로드하도록 ...

2025-08-10T01:00:00+09:00 2025-08-10T01:00:00+09:00 https://zihuns.github.io/posts/tdd_bigbro/ zihuns

📌 이 글은 TDD 시리즈 중 2편입니다. 1편: Vitest 전환과 커버리지 기반 품질 관리 3편: 커버리지 측정 및 자동화 시스템 구축 (GitLab + Vitest) 4편: Tech 발표, Vitest로 안정적인 프론트엔드 개발하기 1. 개요 사내 BigBro UI는 Next.js + TypeScript 기반의 프론트엔드 모니터링 시스템입니다. 이번 개선 작업에서는 테스트 커버리지 데이터의 접근성과 가시성을 높이는 것을 목표로 했습니다. 특히 Vitest coverage-summary.json을 S3에 적재하고, 이를 Bigbro UI에서 시각화하여 팀 단위로 커버리지를 손쉽게 확인할 수 있도록 개선했습니다. 2. 주요 개선 사항 2.1 환경별 동적 설정 const useCo...

2025-08-01T01:00:00+09:00 2025-08-01T01:00:00+09:00 https://zihuns.github.io/posts/tdd_vitest/ zihuns

📌 이 글은 TDD 시리즈 중 1편입니다. 2편: 주간 커버리지 대시보드로 시각화하기 3편: 커버리지 측정 및 자동화 시스템 구축 (GitLab + Vitest) 4편: Tech 발표, Vitest로 안정적인 프론트엔드 개발하기 1. 문제 상황 또는 동기 (Motivation) 기존에는 테스트 코드의 필요성을 크게 느끼지 못했으나, 실제 서비스 운영 중 잦은 회귀 버그와 코드 변경에 대한 불안감이 있었습니다. 모닥불 테스트코드 영상과 프런트엔드 개발을 위한 테스트 입문 서적을 접하며 테스트의 중요성을 인식하게 되었습니다. 기존 Jest 환경은 다음과 같은 한계가 있었습니다: 설정이 복잡하고 느린 테스트 속도 Vue2 SFC 지원의 불편함 CI...