이동 및 체류 패턴 분석을 통해 다양한 통계를 제공하는 시스템. 주요업무 및 성과 - mapboxgl + deckgl을 이용한 **Map 구현 및 다수의 Layer(2d, 3d) 개발** - h3geo 활용하여 행정구역 별이 아닌 H3 Index별 Cell Layer 개발 - deckgl 활용하여 3D Building Layer 개발 - 모니터링을 위해 매 초 데이터 상태 변경하기 때문에, 상태 값 메모이징을 활용하여 Map을 구성하는 Layer의 렌더링 성능 이슈 최적화 ※ 2025 CES 전시 참여작

LG HRDX (Career Advisor)의 유저에 대한 메뉴 진입 통계 및 지속시간, 기능 이용 현황 등 프로그램의 전반적인 통계를 볼 수 있는 관리자 전용 페이지 개발 주요업무 및 성과 - Career Advisor의 이용 통계 데이터를 한 페이지에 요약하여 볼 수 있는 대시보드 개발. - Career Advisor의 구성원, 데이터셋, 로그를 관리하는 관리페이지 개발

LG 사내 임직원들의 조직 관리, 업무 능력 향상, 인사이동 등 인사관리에 필요한 웹 사이트 개발 주요업무 및 성과 - 구성원의 조직이동 프로세스 및 업무지원요청, 조직 구성원 업무 지정 등 핵심 프로세스 개발 - Redux-saga를 이용하여 redux에서의 비동기 처리 로직을 효율적으로 관리함. - Atomic 디자인 패턴을 활용하여 컴포넌트의 구조 설계를 하였고, **컴포넌트의 재사용성을 극대화 시킴.** - Axios 인터셉트를 사용하여 api 요청 및 결과까지의 과정을 감지해 공통적으로 로딩바 핸들링

이마트 내부 전기자동차 충전소의 충전현황 확인 및 관리를 할 수있는 관제 시스템 (LG EV충전관제 시스템 연계 프로젝트) 주요업무 및 성과 - 중복되는 코드의 모듈화를 통해 코드 재사용성 및 유지보수성 향상 - 렌더링 최적화를 위하여 특정 컴포넌트 메모이징 적용 (사용자 계정 등록과 같이 다수의 입력이 있을경우의 속도 향상) - mobX를 사용하여 페이지 별 store 관리를 하여 props의 복잡도를 해소 주요기술 React, Javascript, MobX, i18n, I Navi Map, Lodash, SCSS

42Dot 회사 홈페이지를 NextJS + TypeScript 로 마이그레이션을 진행하였습니다. SEO 검색 엔진 최적화가 필요한 만큼 NextJS 프레임워크를 고려하였습니다. Pre-Rendering을 통해 정보 수집이 원활하도록 SSR 처리를 효율적으로 처리할 수 있도록 하였습니다. 정적 페이지는 빌드 타임에 SSG 처리, 변화가 많지 않은 데이터가 주입된 페이지 같은 경우엔 ISR을 통해 일정 주기에 따라 업데이트되도록 하였습니다.