매드스퀘어 / 플랫폼 사업부, 매니저 (2021.12 ~ 2025.09, 3년 10개월)•담당 업무: 웹프론트엔드 개발
PAGOS 프로젝트
코스맥스 계열사 CMS 서비스 개발 및 운영 (https://hicharis.com/)
프로젝트 소개
코스맥스 계열사의 CMS(Content Management System) 서비스를 개발하고 운영했습니다. 기존 JavaScript 코드를 TypeScript로 마이그레이션하여 코드의 안정성을 확보하고, 모노레포 도입을 통해 개발 효율성을 높였습니다.
또한, 글로벌 서비스를 위한 체계적인 다국어 지원 시스템을 구축하여 운영 비용을 절감하고 서비스 확장성을 개선했습니다.
기술 스택
React.js
Zustand
Tanstack-Query
Tailwind CSS
Turborepo
socket.io
주요 작업 내용
- 타입스크립트 마이그레이션:
JavaScript 기반 코드베이스를 TypeScript로 점진적으로 마이그레이션하며, 데이터 구조와 타입 인터페이스를 체계적으로 설계하여 런타임 오류를 줄이고 코드 안정성을 높였습니다.
- 모노레포 구조 도입:
디자인 시스템의 중복 사용 문제를 해결하기 위해 Turborepo를 도입하여 apps/packages 구조로 재설계하고, 공통 컴포넌트와 로직을 패키지화하여 개발 생산성을 향상시켰습니다.
- 다국어 지원 시스템 구축:
i18n 라이브러리와 Google Spreadsheet를 연동하여 다국어 관리를 자동화하고, 디자이너와 협업하여 반응형 레이아웃에서의 언어별 깨짐 이슈를 해결했습니다.