사내 개발자들을 대상으로 React 개발 러닝커브를 낮추기 위해 React 스터디를 진행했습니다. 6명의 팀원이 참여했고, React 공식문서를 기준으로 스터디를 진행했습니다.

사내 개발자들의 React 개발 러닝커브가 크게 낮아졌으며, 신규 프로젝트에서 React를 적용할 때 더 빠르게 적응할 수 있게 되었습니다.

@koast/ui라는 사내 공용 UI 라이브러리를 개발하여, 백엔드 개발자들이 더 빠르게 React UI를 구현할 수 있도록 했습니다.

지도 요소에 필수적인 Time Slider나 Legend 같은 특화 컴포넌트 개발이 기존 대비 10배 이상 향상되었습니다.

Time Slider 컴포넌트의 경우, 'timeList'와 'data'라는 두 배열을 동일한 길이로 페이로드로 받아 처리하도록 API를 설계했습니다.

복잡한 시계열 데이터 관리 로직을 컴포넌트 내부로 숨기고 백엔드 개발자에게는 데이터 매칭이라는 최소한의 작업만 요구하여 러닝 커브를 성공적으로 낮추었습니다.

Storybook 환경을 구축하여 @koast/ui 컴포넌트의 문서화 및 UI 테스트 환경을 마련했습니다. Mock 데이터를 활용할 수 있도록 환경을 구성하여 기획자, 디자이너, 백엔드 개발자와 UI 테스트 단계에서 사전 소통할 수 있도록 지원했습니다.

명확한 커뮤니케이션과 컴포넌트 사전 테스트를 통해 프로젝트 진행 중 발생할 수 있는 UI 관련 오류를 사전에 방지하고, 팀 협업을 중요시하는 문화 속에서 더 나은 결과물을 만들어내는 데 기여했습니다.

GitHub Actions 기반의 CI/CD 파이프라인을 구축했습니다. 커밋 메시지에 따라 파일을 자동으로 수정하고, Storybook 배포, 테스트 환경 배포, publish 환경 배포를 자동화했습니다. 또한, 사내 commit convention을 정립하고 프로젝트에 맞는 브랜치 전략을 구성하여 협업 환경에서의 버전 관리를 체계화했습니다.

배포 작업의 자동화와 표준화된 버전 관리를 통해 개발팀의 생산성을 향상시키고, 오류 없는 안정적인 배포 환경을 구축하는 데 성공했습니다.