책임감

유연함

꼼꼼함

자기 주도적

문제 해결사

이창혁

TypeScript, React, Vite, GraphQL, Apollo Client, Zustand, Jest, Storybook, Sass<ul><li>GraphQL과 웹소켓을 활용하여 로봇의 각종 상태 및 작업 현황을 실시간으로 관제할 수 있는 지도 페이지 개발</li><li>폴링을 통해 물류센터의 다양한 작업 현황을 보여주는 대시보드 페이지 개발</li><li>엑셀 파일 업로드를 통해 작업을 생성할 수 있는 기능 및 데이터 유효성을 검증하는 모듈 개발</li><li>Rechart를 활용하여 여러 생산성 지표를 다양한 차트로 확인할 수 있는 통계 페이지 개발</li><li>OPFS를 활용한 지도 이미지 캐싱으로 지도 로딩 속도 개선(로딩 90% 이상 감소)</li><li>메모이제이션을 통한 렌더링 최적화로 대량의 요소를 포함한 지도의 버벅임 현상 개선</li><li>단일 S3 버킷에 여러 SPA를 배포하고 경로에 따라 다른 형상을 보여주도록 하여 운영 비용 절약에 기여</li><li>여러 프로젝트를 하는 상황에 따라 모노레포를 제안하고 마이그레이션하는 작업을 주도하여 개발 환경 개선</li><li>GitHub Action을 통한 CI/CD 구축, 버저닝 태그 푸시, 노션 패치노트 생성, 배포 공지 등 반복적으로 해야하는 업무 자동화</li><li>이전 프로젝트 폴더 구조를 FSD(Feature Sliced Design) 아키텍처로 마이그레이션하여 유지보수성 개선하고 해당 경험을 문서로 작성 및 공유</li><li>MSW 도입을 제안하여 스토리북을 구성하거나 테스트 코드를 작성할 때 반복적인 모킹을 하지 않아도 되도록 테스트 코드 작성 경험 개선</li><li>자바스크립트로 구성된 프로젝트 코드를 모두 타입스크립트로 바꾸는 과정, 테스트 커버리지를 0%에서 70%까지 채우는 과정에 참여</li><li>꾸준한 리팩토링으로 코드 가독성을 최대한 개선하고 그럼에도 복잡할 수 밖에 없는 기능에 대해서는 문서로 정리하여 온보딩에 기여</li></ul>

Electron, Vite, TypeScript, React, GraphQL, Apollo Client, Jest, Sass<ul><li>택배사의 송장 유형에 따라 서로 다른 라벨 프린터로 미리보기 없이 출력되는 기능 구현</li><li>다양한 송장 디자인에 유연하게 대응할 수 있도록 레이아웃 컴포넌트를 쉽게 교체할 수 있도록 구현하고 개발 단계에서 그 결과를 출력없이 확인할 수 있는 미리볼 수 있는 화면을 개발하여 개발자 경험에 기여</li><li>고객사가 전달하는 데이터에 직간접적으로 사용할 수 밖에 없는 환경에서 인터페이스 변화에 빠르게 대응할 수 있도록 어댑터 계층을 분리하여 유지보수성 개선</li><li>GitHub Action의 workflow dispatch와 GitHub Release 노트를 활용한 빌드, 버저닝, 배포, exe 파일 업로드 자동화를 구축하여 서로 다른 엔드포인트에 연결된 어플리케이션을 간단하게 배포하는데 기여</li><li>현장 엔지니어를 위한 송장 출력 애플리케이션 및 라벨 프린터 세팅 가이드 작성 및 제공</li></ul>

TypeScript, React, Gatsby, Styled Component&nbsp; 개인 위키를 개발하고 운영하고 있습니다. 터미널에서 VimWiki로 문서를 작성하고 바로 배포할 수 있는 파이프라인을 구축했어요. 공부한 것들을 조금씩 올리고 있습니다.<ul><li>모바일까지 고려한 반응형 디자인 적용</li><li>라이크/다크 모드 구현</li><li>검색 엔진 최적화 고려</li><li>VimWiki 인덱스 페이지 자동 생성</li><li>계층화된 문서 구조에 따라 경로 생성</li><li>문서에서 상위, 하위 문서 확인 및 네비게이션 가능</li><li>각 문서에서 변경 이력 확인 가능</li></ul>