두잇 · 업무 프로젝트
doit-homepage
회사 홈페이지 React 마이그레이션
jQuery 기반 회사 홈페이지를 React·TypeScript·Vite SPA로 재작성해 한국어·영어와 반응형 화면을 지원했습니다.
담당 업무
- 마이그레이션
- 메인·회사소개·서비스·인증·파트너 5개 페이지를 컴포넌트 구조로 재작성
- UI 재사용
- 사내 UI 라이브러리 doit-uikit을 적용해 색상·타이포·레이아웃 등 공통 요소 재사용
- 다국어
- i18next로 한국어·영어를 지원하고 번역 리소스를 페이지별 네임스페이스로 분리
- 반응형
- CSS와 JavaScript가 같은 브레이크포인트를 사용하도록 구성하고 화면 크기 변화는 CSS로 처리했습니다.
모바일에서 불필요한 영역은 렌더링하지 않도록 했습니다.
결과
주요 페이지를 React로 전환하고 한국어·영어 및 반응형 화면을 구현했습니다.
공통 라이브러리를 적용하고 사용 중 발견한 개선점을 라이브러리에 반영했습니다.
사용 기술
TypeScript · React 18 · Vite · styled-components · doit-uikit · i18next · react-responsive · Zustand · React Router 6 · Kakao Maps SDK