Selected work
Projects
Sharing Growth and Achievements
LG Business Cloud 3.0
2025.02 ~ 현재FE 파트 리드
비디오월, 옥외 LED, 호텔 TV 등 사이니지 제품군을 설정/모니터링하는 운영 콘솔과, 라이선스/솔루션 소개용 대외 포털, 운영/정산 백오피스로 구성된 B2B 플랫폼입니다. Turborepo 모노레포로 구성했습니다.
Skills
React 19TypeScriptVite 8Tailwind 4TanStack QueryZustandTurborepo
Links
Overview
- 비디오월, 옥외 LED, 호텔 TV 등 다양한 사이니지 제품군을 고객 요구에 맞게 설정/모니터링하는 운영 콘솔과, 라이선스/솔루션 소개용 대외 포털, 운영/정산을 위한 백오피스로 구성된 B2B 플랫폼입니다.
- 운영 콘솔은 사이니지 설정/모니터링(대시보드, CMS, 스케줄, 온보딩), 대외 포털은 라이선스/솔루션 소개, 문의, 로그인, 백오피스는 상품/주문, 운영/정산, 로그 분석, IAM, 에이전트 버전 관리를 담당합니다.
Role
- FE 파트 리드로 모노레포(3 apps, 3 packages) 구성 및 프로젝트 구조 설계, 공통 UI/코어 개발
- pages 단위 경계와 협업 규칙 정리, AI-Driven 개발 규칙 정의 및 팀 전파
- 고객용 Jenkins → S3/CloudFront, 백오피스 GitLab → EKS로 CI/CD 파이프라인 분리
- 운영 콘솔/포털/백오피스 핵심 화면 개발 및 Product/Design/Backend와 협업
LG Calibration Studio
2025.05 ~ 2026.02FE 파트 리드
의료 규제법에 따른 Calibration/QA와 기관 제출용 리포트를 다루는 관리 콘솔입니다. 9개 언어를 지원하며 FE 파트 리드로 출시까지 이끌었습니다.
Skills
React 19TypeScriptVite 7Tailwind 4Mantine 8TanStack Queryi18next
Links
Overview
- 의료 규제법에 따른 교정(Calibration), 품질 검사(QA), 기관 제출용 리포트를 다루는 관리 솔루션입니다.
- 대시보드, 장비 현황, 교정/QA 워크플로, 지도, 그룹 정책, 스케줄, PDF/Excel 리포트, 알림을 포함하며 9개 언어를 지원합니다.
Role
- FE 파트 리드 (FE 2명 / BE 4명)
- FSD 기반 프로젝트 구조 설계로 도메인 특성(의료 기준 증가) 대응
- 교정/QA 워크플로, 지도/그룹 정책, PDF/Excel 리포트 등 핵심 도메인 화면 개발 리드
- 9개 언어 현지화 적용 및 FE 영역 분담/리뷰 기준 정립
- 현장 엔지니어/기획자와 요구사항, 시나리오를 맞춰 출시까지 일정/품질 조율
Media
LG Device Config Hub
2024.10 ~ 2025.04FE 파트 리드
교육용 태블릿 일괄 등록/제어와 프리셋(앱, 배경화면, 미디어) 관리가 중심인 관제 솔루션입니다.
Skills
React 18TypeScriptTanStack QueryTailwindMantineStorybookECharts
Overview
- 교육용 태블릿을 일괄 등록/제어하는 관제 솔루션입니다. 기기 관제와 일괄 셋업을 위한 프리셋(앱 설치, 배경화면, 미디어 다운로드) 관리가 주요 기능입니다.
- 디바이스 등록, 상태, 그룹 제어와 엔롤먼트, 앱 배포/관리, 대시보드를 포함합니다.
Role
- FE 파트 리드로 pages 중심 구조 설계, Atomic 공통 컴포넌트 및 Storybook UI 가이드 수립
- 디바이스 Agent 중심의 복잡한 Backend API에 대응해 Service / Business Layer를 분리
- 디바이스 그룹 트리 재귀 컴포넌트, 3 Step Create Form(React DnD 바탕화면 배치) 구현
- Generic Table 컴포넌트(컬럼 정의, Row Select/Click/Customizing) 개발
- 디바이스 등록 및 프리셋 적용 시나리오 구현
- 이미지/미디어 캐싱을 위해 Presigned URL 방식을 Private S3 + CloudFront OAC로 전환
LG e-Centric Care
2023.09 ~ 2024.03
북미 EV 충전기 실시간 관제 솔루션입니다. 현장 출동이 오래 걸리는 환경에서 원격으로 상태를 확인하고 대응할 수 있도록 원격 제어 기능과 모니터링 기능이 주요 기능입니다.
Skills
ReactJavaScriptStyled-ComponentsTanStack TableGoogle Maps
Overview
- 북미 EV 충전기 실시간 관제 솔루션입니다. 북미는 지역이 넓어 현장 출동만으로도 시간이 크게 소요되므로, 원격으로 상태를 확인하고 대응할 수 있도록 만든 서비스입니다.
- 대시보드(위치, 상태, 다운타임), 진단/원격제어, 로그 분석, 펌웨어 업데이트를 포함하며 영어/불어를 지원합니다.
Role
- 대시보드 지도 영역 Google Map 마커/클러스터러 커스터마이징
- 로그 Merge/파싱 후 TanStack Table 가상화, 필터, 페이지네이션으로 수천 라인 규모 UI 성능 확보
- 펌웨어 반영 후 기기 상태를 Polling으로 추적하는 UI 구현
- 영어/불어 다국어 적용
Media
KTDS BEAST
2022.02 ~ 2023.06
매니페스트 파일로 하던 API Gateway 설정을 브라우저에서 수행하는 솔루션입니다. API 등록/배포 승인 흐름과 트래픽 관제 화면을 구축하고, 고객사 납품용 패키징/배포에 참여했습니다.
Skills
Vue.jsTypeScriptPinia
Links
Overview
- Spring Cloud Gateway 기반 API Gateway 솔루션입니다. 기존 매니페스트 파일 기반의 API Gateway 설정을 브라우저에서 수행할 수 있게 합니다.
- 과기정통부 마이데이터 사업, KT, 하나은행 등에 납품되었습니다.
Role
- API CRUD 및 배포 요청/승인/반려 워크플로 화면 구현
- 관제 대시보드(성공/실패, TPS, 응답시간, 에러)와 요약에서 상세로 이어지는 분석 화면 구성
- on-Premise / Docker / Kubernetes 패키징 및 AWS EKS CI/CD 구축 참여
Media
KTDS 솔루션 포털
2023.06 ~ 2023.09FE 리드
사내 솔루션 소개 및 관리자용 웹 MVP를 Next.js로 FE 리드했습니다.
Skills
Next.jsTypeScriptZustandEmotion CSS
Links
Overview
- ktds 플랫폼사업본부 보유 솔루션을 소개하는 사내 솔루션 포털 MVP입니다.
- 솔루션 소개 페이지와 관리자용 콘텐츠 관리 기능을 Next.js로 구축했습니다.
Role
- 프론트엔드 리드로 Next.js(Pages Router), Emotion/Tailwind, Zustand 기반 MVP 개발
- MVVM에서 착안한 프론트엔드 구조 설계 및 모바일 반응형
- 관리자: 슬라이더/매뉴얼 업로드 공용화, Quill 에디터 기반 공지사항/노출 기간/우선순위
Media
KT A'Cen Cloud
2021.09 ~ 2022.01
AI 상담센터 웹의 공통 모듈, 상담 현황판, 사내 NPM 패키지 체계를 구축했습니다.
Skills
Vue.jsJavaScriptVuex
Overview
- AI 상담사의 상담 내역을 모니터링하고, 상담에 필요한 기능을 제어하는 AI 상담센터 솔루션입니다.
Role
- 프론트엔드 전문 인력 없이 진행되던 프로젝트에 투입되어 공통 모듈/컴포넌트 분리 수행
- 보안상 외부 NPM 사용이 어려워 Nexus 기반 자체 NPM 서버 구축/운영
- 상담내역 상세 화면 및 상담 현황판 구현
Media
SEWOO LK-P400
2020.01 ~ 2020.12
RTOS 기반 모바일 프린터 LK-P400의 펌웨어와 Configuration 프로그램 개발에 참여해 제품 출시까지 진행했습니다.
Skills
RTOS(ThreadX)C++MFC
Overview
- RTOS(ThreadX) 기반 4인치 산업용 모바일 프린터 LK-P400의 제품 개발 및 출시에 참여했습니다.
- 인쇄, LCD, 버튼, 센서, 통신 모듈을 펌웨어 수준에서 다루고, 기기 제어용 Configuration 프로그램도 함께 개발했습니다.
Role
- 열전사/스텝 모터/센서 등 인쇄 모듈 포팅과 해상도·에뮬레이터 관련 펌웨어 개발
- Wi-Fi 모듈 담당으로 802.11, TCP/IP, TLS 상위 Application 계층 프로그램 개발
- LCD TrueType Font 렌더링으로 다국어 지원, 버튼 기반 메뉴 트리 구현
- 제어 프로그램과 송수신 구간의 데이터 무결성 검증 로직 개발
- USB Plug&Play로 연결 시 제어 프로그램에 기기 정보를 자동 출력하는 기능 개발
Media
SEWOO Embedded Web Server
2019.09 ~ 2019.12
프린터를 Web Server로 동작시켜 브라우저에서 정보 확인, 무선/보안 설정, 펌웨어 업데이트를 할 수 있는 웹 페이지를 개발했습니다.
Skills
JavaScriptjQueryC++
Overview
- 프린터 Wi-Fi 모듈의 Third-party 라이브러리를 활용해 단말을 Web Server로 동작시키는 Embedded Web Server를 개발했습니다.
- 별도 프로그램 설치 없이 브라우저에서 기기 정보 확인, 무선/보안 설정, 펌웨어 업데이트를 할 수 있게 했습니다.
Role
- 프린터 규격에 맞게 데이터를 파싱하고 설정/상태 화면에 출력하는 웹 기능 전반 개발
- 10MB 이상 펌웨어 파일을 Socket으로 전송하며 데이터 무결성을 검증하는 로직 개발
Media
