이선민
Frontend Developer
• 동료와 토의하며 최선의 결과물을 도출하는 문화를 지향합니다.
• 재사용 가능한 코드로 지속 가능한 개발을 고민합니다.
• 복잡한 레거시 코드를 안정적인 구조로 재설계한 경험과 글로벌 기업과의 협업 경험이 있습니다.
경력
LG전자
연구원 | MS본부 webOS시스템앱 개발팀 | 2024.01. ~ 재직 중 (2년)
📌 B2B 판매용 TV 대량 설치 효율화를 위한 모바일 연동 설정 시스템 개발
Problem: B2B 고객사 대상으로 수백 대의 셋탑박스를 리모컨으로 일일이 설정해야 하는 현장의 번거로움
Solution: QR코드 기반 모바일 연동 시스템을 구축하여 '간편 설치 워크플로우' 구현
- • 프로젝트 리딩
요구사항 구체화 단계부터 개발 리드로 참여
전체 서비스 시나리오 설계 및 First Use 애플리케이션 핵심 로직 구현 - • 모바일-TV 연동 구조 설계
TV 내 SoftAP 활성화 및 QR코드를 통한 모바일 기기 연결 구현
- • 자동 설치 프로세스 구현
모바일 웹에서 설정 정보 입력 완료 시 TV UI 자동 전환
외부 서버 IP를 통한 SI App 및 펌웨어 업데이트 자동 설치 로직 구현 - • Full-Automation 구현
모든 설정 및 업데이트 완료 후 시스템 저장 및 자동 Reboot
One-touch 설치 완료 프로세스 구축
사용 기술
React.js, Enact.js, JavaScript, SCSS, Redux
📌 First Use 앱 코드 리팩토링 및 UX 개선 (TV 초기 설정 앱)
Problem: 10여 년간 유지되어 오던 TV 초기 설정 앱의 레거시 코드와 기술 부채
Solution: 코드 리팩토링 및 테스트 코드 작성, React.memo를 활용한 성능 최적화 및 UX 개선
- • 레거시 코드 리팩토링 및 테스트 도입
React 컴포넌트에 결합된 비즈니스 로직을 순수 함수로 분리하여 단위 테스트 가능한 구조로 개선
개발 환경에서 재현하기 어렵지만 필드에서 발생할 수 있는 엣지 케이스를 테스트 코드로 사전 검증 - • Wi-Fi 연결 UX 및 기술 부채 개선
복잡한 커스텀 드롭다운 컴포넌트를 사내 라이브러리 기반 Virtual 리스트 형태로 개선하여 UX 향상
레거시 코드 제거로 개발 생산성 확보 - • 저사양 디바이스 UI 렌더링 최적화
조건부 렌더링이 많은 컴포넌트에 React.memo와 throttle을 적용
렌더링 시간 50% 단축, UI 반응 일관성 확보 - • 음성 안내 기능 구현
유럽 접근성법(EAA) 준수 및 시각장애인 접근성 강화를 위해 TTS 서비스와 연동하여 음성 안내 기능 구현
일반 사용자와 장애인의 사용 흐름을 모두 고려한 UX 설계 및 개발
사용 기술
React.js, Enact.js, JavaScript, SCSS, Redux, Jest
📌 옥외형 전광판 관리자 웹 서비스
Problem: 리모컨으로 직접 제어가 어려운 옥외형 대형 전광판(디지털 사이니지) 관리 필요
Solution: 원격 관리 웹서비스 대시보드 및 제어 기능 개발
- • 접근성 개선
fieldset, legend, ARIA 속성, Heading 태그를 활용하여 스크린 리더 인식 개선
- • 대시보드 기능 개발
디바이스 화면 출력, 온도, 연결 상태를 표시하는 대시보드 비즈니스 로직 구현
- • 화질 및 색감 조정 메뉴 구현
화면 밝기, 색온도 등 화질 및 색감 조정 메뉴를 Socket.io를 활용한 양방향 통신으로 구현
- • 대체 컨텐츠 출력 기능 개발
화면 송출 실패 시 Default 이미지 또는 영상을 출력하여 안정적인 사용자 경험 보장
사용 기술
React.js, Next.js, JavaScript, Node.js, Socket.io, SCSS
📌 약관 다국어 UI 자동 테스팅 툴 개발
Problem: 50개국 이상 언어를 지원하는 약관 앱의 수동 UI 검증에 많은 시간 소요
Solution: UI 자동화 테스트 툴 개발 (검증 시간 83% 단축, 1시간 → 10분)
- • 자동화 검증 구현
언어 변경부터 약관 UI 화면 캡처 및 저장까지 자동화하는 툴을 구현하여 50개국 이상 다국어 검증 효율화
- • 안정성 확보
Retry 로직(최대 10회)과 에러 핸들링을 적용하여 약관 다운로드 지연 시에도 안정적으로 테스트 진행
- • 협업 효율성 향상
스크린샷 기반 검증으로 기획팀 및 UX팀과의 협업 효율성 향상, 검증 시간 83% 단축
사용 기술
React.js, Enact.js, JavaScript, SCSS, Redux
프로젝트
Blue-SPOT
LG 사내 SW 교육 프로그램 (LG BootCamp) | 2025.07
• 서울시 상권 데이터 기반으로 유동인구, 업종별 매출, 임대료, 점포 분포 데이터를 시각적으로 확인할 수 있는 서비스
• 지도 기반 상권 분석, 요일별 유동인구 시각화, 업종별 매출/점포수 분석, Gemini 챗봇 기능 제공
프로젝트 기여
- • UI 디자인 및 프론트엔드 개발 (4인 팀 중 프론트엔드 담당)
- • Google Map api 활용하여 폴리곤 기반 지도 시각화 및 상세 데이터 툴팁 구현
- • react-markdown, remark-gfm 기반 Gemini AI 챗봇 마크다운 렌더링
- • Chart.js 활용하여 다양한 차트(파이차트, 바차트) 컴포넌트 구현 및 데이터 시각화
- • GCP 활용하여 서비스 배포
사용 기술
React.js, TypeScript, Material-UI, Chart.js, react-markdown, remark-gfm, GCP
모바일 청첩장
개인 프로젝트 | 2023.08~2023.09
• 지인의 결혼식을 위한 모바일 청첩장 웹사이트를 기획부터 배포까지 1인 개발한 프로젝트
• 웨딩 포토 갤러리, 댓글 작성 시스템, 모바일 환경을 고려한 이미지 최적화 기능 구현
프로젝트 기여
- • 용량이 큰 웨딩 포토 특성을 고려해, 이미지 최적화를 통한 모바일 환경에서 이미지 로딩 속도 개선
- • MySQL + Knex.js 기반 CRUD 구현, 비밀번호 검증을 통한 수정/삭제 권한 관리
- • 네이버·카카오 지도 API로 웨딩홀 위치 안내 기능 제공
사용 기술
Next.js, TypeScript, Emotion, MySQL, Knex.js, AWS
대외활동
서울 열린데이터광장 공공데이터 경진대회
서울시 | 2023.05~2023.06
- • 일반부 장려상 수상
- • 공공데이터를 활용하여 사용자에게 10일간의 날씨 정보와 나들이 장소를 추천해주는 서비스 개발
부스트캠프 웹・모바일 7기
네이버 커넥트재단 | 2022.07~2022.12
- • JavaScript 기반 풀스택 프로젝트를 진행하며 웹개발 개념과 기술에 대한 학습
- • 기술공유, 페어 프로그래밍 등의 커뮤니케이션 경험
교육
중앙대학교
대학교(학사) | 물리학, 소프트웨어•인문 융합전공 | 2018.03. ~ 2023.08.