본문으로 건너뛰기
Hyunki.dev
공통 코어에서 사이드바·메인 레이아웃 두 종으로 갈라져 신규 서비스 7종으로 이어지는 보일러플레이트 구조도NDA

Work

사내 프론트엔드 보일러플레이트 구축

Tech StackNext.jsReactTypeScriptSWRZustandnext-intl
Period2025.03
RoleFrontend Engineer
OrgMVerse

본 이미지는 NDA 및 저작권 보호를 위해 실제 서비스명, 로고, 데이터와 일부 시각 자료를 비식별화하여 재구성한 포트폴리오용 대체 화면입니다.

프로젝트 설명

신규 프로젝트 착수 비용 절감을 목표로 한 프론트엔드 표준 템플릿 설계 및 구현. 총 7개의 신규 서비스에 공통 기반으로 적용됨

담당 및 구현

  • 운영 환경에서 빈번히 발생하던 JavaScript 런타임 에러를 원인 분석 후 TypeScript 전환을 주도하여, null/undefined 접근 등 런타임 오류를 컴파일 타임에서 사전 차단하는 구조로 개선
  • 서비스 유형에 따라 사이드바/메인 레이아웃을 분리한 공통 레이아웃 구조를 설계하고, 반복 UI 패턴을 컴포넌트화하여 신규 프로젝트 착수 소요 기간을 3일에서 0일로 단축
  • Next.js 기반 공통 아키텍처 및 환경 설정 표준화
  • next-intl 기반 다국어 처리 구조 설계 및 언어팩 관리 자동화