Frontend Developer
Current하이브리드 플랫폼팀/연구원# TabCloudit 신규 기능 개발 및 유지 보수- TabCloudit의 신규 기능 개발과 유지 보수 업무를 진행했습니다. - 주 단위 프론트엔드 기술 회의를 통해 코드 컨벤션을 정립하고 코드 리뷰를 통해 함께 성장하는 팀 문화를 정착 시켰습니다.- 기술: TypeScript, Vite, React.js, Scss, React-Query, Zustand1. 프로젝트 환경 개선- 패키지 매니저 교체 (Yarn Berry > Pnpm)- CRA (Webpack) 프로젝트에서 Vite (ESBuild, rollUp) 프로젝트로 마이그레이션- 메인 라이브러리 React (18.3.1 버전), TypeScript (5.4.5버전) 버전 업그레이드- 트랜스파일러 교체 (Babel - SWC)• 성과- 개발 서버 실행 시간 약 1분 단축 (1분 16초 - 11초)- CI/CD 프로덕션 빌드 수행 시간 단축 (2분 - 1분)- 번들링 결과물 사이즈 최적화 (38.4MB - 18.4MB)- https://kangs-develop.tistory.com/222. 엑셀 다운로드 기능 구현- JSON 데이터를 엑셀 파일로 다운로드 할 수 있는 기능 구현- 컴포넌트에서 CSV 파일로 내려받고 있는 로직을 추상화해, 워크 시트로 파싱하고 규격화된 리포트 형식의 엑셀 파일로 추출할 수 있는 useExcelDownload 커스텀 훅 작성- 약 50개의 컴포넌트에서 중복된 로직을 제거하고 useExcelDownload 훅을 사용해 기능을 구현하도록 리팩토링- https://kangs-develop.tistory.com/8# Innogrid-UI 라이브러리 설계 및 컴포넌트 제작- 프로젝트 간 일관성 있는 라이브러리 사용과 UI/UX를 위해 코어 컴포넌트 라이브러리를 제작했습니다. - 프로젝트의 가장 핵심이 되는 컴포넌트인 Table, Modal, Select 컴포넌트를 구현하고 인터렉션 테스트 코드를 통해 컴포넌트의 품질을 100% 향상했습니다.- 기술: TypeScript, Vite, React.js, Storybook, Radix-UI, @tanstack/react-table1. 사내 코어 컴포넌트 라이브러리 Innogrid-UI 설계 및 제작- 프로젝트 설계 및 Vite 라이브러리 모드 빌드 셋팅, 최적화- 라이브러리 적용 테스트를 위한 패키징 스크립트, 배포 스크립트 작성 및 프로세스 자동화- 코어 컴포넌트 제작 및 Storybook을 활용해 컴포넌트 인터렉션 테스트코드 작성 (Table, Modal, Select)
