WELCOME TO LEE HYUNSOO FRONTEND AREA

History of Lee Hyunsoo

프론트엔드

2026년 07월 21일 Tuehttps://lhs-source.github.io/편집자 : 이현수제 11261 호

이현수, 사지멀쩡하고 멘탈 정상인 개발자로 밝혀져

Blackbird
개발자라는 단어는 단순한 직업 명칭이 아니라, 기술과 사고방식, 그리고 책임에 대한 철학을 담고 있다. 우리는 흔히 코더(Coder), 엔지니어(Engineer), 개발자(Developer), 오너(Owner) 같은 단어로 우리 자신을 규정하려 하지만, 이 단어들은 그저 역할을 설명하는 표면적인 개념일 뿐, 실제로는 우리가 기술과 세상을 어떻게 바라보는지에 대한 가치관을 내포한다. 개발자는 단순히 코드 몇 줄을 짜는 사람이 아니다. 우리는 각기 다른 역할을 하면서도, 기술을 통해 세상을 변화시키려 한다. 우리는 코드의 기능뿐 아니라, 그것이 사용자에게 어떤 영향을 미치는지 고민하는 사람들이다. 우리가 코드 한 줄을 작성할 때마다, 그것이 단순한 프로그램을 넘어, 사람들의 경험과 삶을 바꿀 수 있다는 사실을 잊지 말아야 한다.
CODER
ENGINEER
DEVELOPER
OWNER
코더(Coder)는 코드를 작성하는 사람이다. 이들은 주어진 문제를 해결하는 기계적인 해결책을 만들지만, 단순히 작동하는 코드가 목표다. 설계와 최적화는 주요 관심사가 아닐 수 있다. 그저 “이 코드가 돌아가는가?”라는 질문에 답하는 것에 집중한다.
코더
CODER
엔지니어(Engineer)는 코드가 어떻게 동작하는지를 깊이 고민하는 사람이다. 단순한 기능 구현을 넘어, 성능과 확장성, 유지보수성을 고려한다. 코드가 효율적으로 실행되도록 설계하고, 더 나은 알고리즘과 시스템 아키텍처를 고민하며, "어떻게 하면 이 코드를 더 잘 작동하게 만들 수 있을까?"라는 질문을 던진다.
엔지니어
ENGINEER
개발자(Developer)는 사용자의 경험과 문제 해결을 고민하는 사람이다. 그들이 만든 기능이 단순히 동작하는 것을 넘어서, 사람들에게 어떤 영향을 미칠지 생각한다. 기술을 단순한 도구로 보는 것이 아니라, 세상을 더 나은 방향으로 변화시키는 수단으로 활용한다. 개발자의 질문은 "이 기능이 사용자에게 어떤 가치를 줄 수 있는가?"다.
개발자
DEVELOPER
오너(Owner)는 자신이 만든 제품과 기능에 대해 진정한 책임감을 가지는 사람이다. 코드 한 줄, 기능 하나하나에 자부심을 느끼며, 단순한 구현을 넘어 제품의 성장과 발전까지 고려한다. "이것은 내가 만든 것이다."라는 태도로, 제품이 더 나아지도록 끊임없이 고민하고 개선하는 사람이다.
오너
OWNER

SKILL STACK

Analyzing updates. I'm pulling together the main aspects of Obsidian v1.8.3,
Vue
focusing on highlights, new features,
Python
improvements, bug fixes, and third-party library upgrades. Breaking down updates. I’m analyzing
Java
the technical updates in Obsidian v1.8.3, focusing on highlights, new features, improvements, bug fixes, and third-party library upgrades.
NuxtJS
Breaking down the update. I'm working through Obsidian v1.8.3, highlighting features like Web Viewer, sync options, and UI enhancements. Improvements target list numbering,
C++
editor suggestions, and canvas functionality. Bug fixes are also addressed.
Typescript
The bird fights its way out of the egg. The egg is the world.
Git
Who would be born must first destroy a world.
VSCode
The bird flies to God. That God's name is Abraxas. I was only trying to live
Android
my life in accordance with the principles which sprang from my own true self. Why was that so very difficult? Our god's name
Obsidian
is Abraxas and he is God and Satan and he contains both the luminous and the dark world. I was only trying to live my life in accordance with the principles which sprang from my own true self. Why was that so very difficult? If you hate a person,
Cursor
you hate something in him that is part of yourself. What isn't part of ourselves doesn't disturb us. I live in my dreams — that's what you sense.
Datadog
Other people live in dreams, but not in their own. That's the difference. Love must not entreat,' she added, 'or demand. Love must have the strength to become certain within itself. Then it ceases merely to be attracted and
NextJS
begins to attract.
언어는 도구일 뿐, 사용하기 나름이다.

BOXING

복싱은 나의 체력과 체력을 향상시키는 좋은 방법입니다.

영등포구청 생활체육 대회 우승.

DRAWING

어렸을 때부터 그림을 자주 그려옴

인스타 : @iddms5446

MOVIE, BOOK

훌륭환 작품을 찾아봄. 넓은 영역 보다는 좋아하는 좁은 영역을 주로 즐기며, 책은 최근에 습관적으로 읽기 시작.

헤어질 결심, 슬픔의 삼각형, 애프터 양, 랍스터

ANIME, FIGURE

애니를 좋아하며, 피규어를 수집함.

나루토, 진격의 거인, 슈타인즈 게이트

CROW
CROW
CROW

데이터독 User Journey 세션 발표

Datadog Korea Observability Day 2024

데이터독 Observabiliity Day 행사에서 User Journey 세션의 마지막 차례 발표를 진행했다. 데이터독을 짧은시간 활용하며 얻은 경험을 공유하고, 데이터독의 무궁무진한 활용성에 대해 설명했다. O2O 환경의 리코 특성을 살려서, 데이터독을 에러 분석과 사용성 측정 면에서 어떻게 활용했는지를 중점적으로 설명한다. 이론 뿐 아닌 실제 사례를 들어서 데이터독을 도입하려는 사람들 혹은 이미 사용중인 유저들에게 좋은 아이디어가 되었을 것이다. 세션을 들은 시청자들이 발표를 잘 들었다며 소식을 전해받고 있다. 발표 자료

1. 에러 대응

안드로이드 앱에서 이미지 업로드 시 HEIC 파일 형식으로 인해 발생하는 에러를 Datadog LOG로 확인하고 해결하는 과정을 설명. 버전 업데이트 후 캐시 문제로 인해 지속적으로 발생하는 에러를 해결한 사례. 대시보드: 지속적인 모니터링이 필요한 케이스들을 대시보드에 모아 한 번에 볼 수 있도록 구성했습니다. 리포트 되지 않은 에러 확인: 사용자가 리포트하지 않은 에러까지 사전에 확인하여 대응합니다. 알림: 외부 서비스의 가용성이 중요한 경우, 담당자에게 맨션과 링크를 포함한 알림을 전송합니다. 로그 인덱싱 제외: 불필요한 로그는 소스 코드 수정 없이 Datadog에서 필터링하여 인덱싱에서 제외합니다.

2. 데이터 기반 의사결정

패치 시간 변경: 시간대별 사용량 데이터 분석을 통해 기존 오후 3시였던 패치 시간을 오전 11시로 변경했습니다. OS 비율 확인: 드라이버의 iOS 사용 비율이 일정 수준 이상으로 올라가면 iOS 앱 제공을 고려하고, 고객의 경우 Windows 사용 비율이 압도적이므로 웹 스타일 지원이 필요함을 확인했습니다.

3. 사용성 측정 및 대시보드 구성

검색 기능: Custom Action을 사용하여 검색 필터 영역의 노출 고정 여부를 결정하고, Funnel 전환율을 확인하여 사용성을 측정합니다. 데이터 등록 시간 파악: 데이터 등록 시간을 단축하는 것을 목표로, 등록 과정의 현 상황을 측정하고 대시보드화하여 개선점을 찾습니다. 커스텀 메트릭으로 인덱싱: 장기적인 지표 추적을 위해 Custom Metric을 사용합니다.

에러 대응 케이스
데이터 기반 의사결정
사용성 측정 및 대시보드

Career

리코 이미지
리코 이미지

2021.01.04 ~ 2026.07.21 (5년 6개월 14일)

리코

리코는 대한민국 폐기물 시장을 혁신하는 환경 스타트업. 수집운반 토탈 서비스 '업박스(UpBox)' 서비스를 갖는다. 리코는 시리즈 A / B / 브릿지 투자 유치에 이어 2025년 시리즈C 투자 유치에 성공해 총 885억원의 투자를 유치했고, 매출액 기준 매년 100% 이상 고성장을 이뤄냄. 현재 5,000여개 이상의 고객사를 보유.

UpBox는 맞춤형 폐기물 수집운반 토탈 서비스를 제공.

'어떤 폐기물이든 하나의 서비스로' 맞춤형 폐기물 수집운반 토탈 서비스 UpBox는 자체 폐기물 관리 소프트웨어를 통해 폐기물을 편리하고 깨끗하고 정확하게 처리. UpBox 고객은 배출한 폐기물의 양과 탄소 배출량 등의 환경 기여 지표들을 실시간으로 확인할 수 있음.

이번 라운드는 한국을 포함해 31개국에서 이케아 리테일을 운영하는 잉카 그룹의 투자 부문 ‘잉카 인베스트먼트’(Ingka Investments)가 리드 투자사로 참여했다. 이번 투자는 잉카 인베스트먼트의 첫 한국 투자 사례이자, 최근 순환 경제 관련 기업에 10억 유로(약 1조 6,000억 원)를 투자하겠다고 발표한 이후 진행한 첫 아시아 투자 사례다. 리코는 지속적인 재무적 성과 개선세를 이어가며 글로벌 투자자로부터 의미 있는 관심을 받았다.

리코 이미지
리코 이미지

업박스 클라우드 프론트엔드 개발(Main project)

Vue3TypescriptPiniaAndroid KotlinWebView

업박스 클라우드의 기술적 특징

업박스 클라우드의 초기부터 현재까지 프론트엔드 개발을 전적으로 맡아서 진행함. 업박스 1.0, 업박스 2.0. 안드로이드 네이티브앱에 웹뷰를 활용. 3가지 앱 타입으로 구성되며, 어드민, 드라이버, 커스터머가 있음. B2B 서비스로써 내부 사용자가 다뤄야할 데이터와 업무의 양이 많고 복잡도가 높음. 낮은 에러률과 높은 정확도가 요구됨. Upbox 2.0 버전을 작업하면서 React 와 Vue 중 기술스택을 직접 스터디하고 결정함.

배출장 및 계약 관리

배출장의 정보와 계약을 시스템화 하여 일정과 요금을 관리함. 배출장의 정보에 기반한 맞춤 수거 서비스를 제공.

스케줄 관리

기사님의 스케줄을 생성/수정하며, 방문해야할 업장을 지도에 표시하고 스케줄의 경로를 표시해 효율적인 운영 업무를 지원함.

올바로 자동화 제공

폐기물 배출장들이 조건에 따라 진행해야 하는 공공업무인 올바로 시스템에 배출량을 등록하는 업무를 자동화함.

정산

청구 데이터를 생성하고 보여줌. 청구 대상을 추가하거나 제외하여 재계산을 하고, 거래명세서와 세금계산서를 발행함. 가상계좌와 자동이체를 통한 정산 자동화가 가능함.

드라이버의 수거 및 차량 관리

드라이버의 수거 및 차량 관리를 할 수 있음. 정해진 순서와 종류 기반 혹은 유동적으로 변경해서 업무 진행.

고객의 배출량 확인

배출장에서는 수거 일정과 배출량을 확인할 수 있고, 그래프를 통해 추이를 확인 가능함.

리코 이미지

Admin

리코 내부 직원이 주로 사용하는 데이터 관리 admin 페이지. 고객 및 계정 관리부터 계약 관리, 스케줄 생성, 정산 등 다양한 업무를 관리할 수 있음.

Driver

업박스 클라우드 프론트엔드 개발. 업박스 1.0, 업박스 2.0. 안드로이드 네이티브앱에 웹뷰를 활용. 3가지 앱 타입으로 구성되며, 어드민, 드라이버, 커스터머가 있음.

Customer

업박스 클라우드 프론트엔드 개발. 업박스 1.0, 업박스 2.0. 안드로이드 네이티브앱에 웹뷰를 활용. 3가지 앱 타입으로 구성되며, 어드민, 드라이버, 커스터머가 있음.

Base

vue3 + vite + pinia 를 기본으로 사용함. Composition API 를 활용해 코드 재사용성을 높임. Upbox 초기 1.0 버전에서는 vue2 + vue cli 를 사용했음. 안드로이드 앱으로 제공하는 드라이버, 커스터머 앱은 Kotlin 으로 작성하여 동일 페이지를 WebView 로 제공함.

Datadog

Datadog 을 도입하여 에러 모니터링과 사용성 측정을 진행함. 사용성을 지표로 측정하여, 기능의 효과를 수치로 확인하고 개선함.

i18n
vue-i18n
을 적용해 용어 통일성을 유지하고, 국제화의 발판을 마련함.
컴포넌트

디자인 시스템에 따라 컴포넌트를 제작하고 관리하여 재사용성을 높이고, 예측 가능한 코드를 작성함.

GPS

안드로이드 gps service 를 활용해 실시간 위치 정보를 백그라운드에서도 수집함. Notification 을 시스템 트레이에 띄워서 Foreground 로 유지함.

Test

Vitest 를 활용한 유닛테스트. 모듈화된 코드를 작성하여 테스트를 용이하게 하고 유지보수성을 높임. ai 를 활용해

CICD

Girhub Actions 를 사용한 CICD 구축. 브랜치 전략과 종합하여, CI의 자동화 및 특정 브랜치를 수동으로 배포할 수 있도록 구축. production 배포 시 코드 프리즈를 통해 빌드를 미리 준비하고, 정해진 시간에 버튼 한 번으로 배포.

https://upbox.us/

업박스 홈페이지

업박스 홈페이지 유지보수 및 개편. 서버리스를 위해 Google Sheet 로 데이터 관리. Next 로 CMS 구현. Firebase Firestore, Google OAuth. Summernote 제작자와 함께 포팅 작업 진행.


https://recokr.com/

리코 홈페이지

업박스 홈페이지 유지보수 및 개편. 서버리스를 위해 Google Sheet 로 데이터 관리. Next 로 CMS 구현. Firebase Firestore, Google OAuth. Summernote 제작자와 함께 포팅 작업 진행.

뱅크비 로고

2017.01.02 ~ 2020.12.31 (3년 11개월 19일)

뱅크비

뱅크비는 은행, 보험, 증권사 등 금융권에 핵심 트렌드로 자리 잡고 있는 업무 프로세스 개선과 자동화, 하이퍼스크래핑 등 디지털 전환에 필요한 핵심 솔루션과 컨설팅을 제공하고 있다. 디지털 전환을 통한 편리함 추구를 위해 보안이나 개인정보보호, 규제사항을 등한시 할 수 있는 업계에서 뱅크비는 ICT서비스를 고객중심으로 편리하게 개선하면서도 보안상으로는 더 안전하게 지켜줄 수 있는 혁신기술과 노하우를 보유하고 있다는 차별성을 갖추고 있다.

뱅크비는 카카오뱅크의 안전하고 편리한 보안플랫폼 설계와 컨설팅을 수행하면서 우수한 기술력과 노하우를 인정받았고 핀테크 도입과 디지털전환을 필요로 하는 은행, 저축은행, 카드사, 보험사, 증권사 등 다양한 금융기업을 대상으로 자체개발한 솔루션과 서비스 제공을 확대하고 있다.

2016년 11월 기업부설연구소를 설립하고, 2018년 5월 전문연구요원 지정업체로 인정받아 전문 연구인력을 중심으로 한 조직체계를 완성하였으며 연구개발분야 투자를 늘리고 있다. 주요 제품은 카카오뱅크, 신한카드 등 다수 금융기관의 비대면 업무 처리(고객 평가, 심사, 대출 등)에 적용된 스크래핑 솔루션(OmniDoc/OmniReal), 금융기관의 편리하고 안전한 보안/인증처리를 위한 사설인증 솔루션(OmniCA), 보험사, 카드사 및 핀테크 플랫폼 기업에 적용된 신분증 진위 확인 서비스(OmniCheck) 등이 있으며 국내 전 카드사에 모바일결제/국내 IC카드 결제 규격 수립 관련 컨설팅을 수행함과 동시에 대부분의 카드사에 직승인 관련 공개키 기반 솔루션을 납품했다. 금융기업 이외에도 롯데쇼핑, 현대백화점, GS리테일, 신세계백화점, 이마트 등 국내 유통 대기업들의 전국 가맹점에서 발생하는 지급 결제 프로세스를 자체 개발한 지급결제 핀테크 솔루션 TaSIM을 통해 안전하게 지켜주고 있다.

리코 이미지

하나카드 앱카드 Whitebox 난독화 모듈

C++LLVMAndroid NDKJava

하나카드 1QPay 앱에 탑재되는 NFC 모듈. 지불카드의 token화 보안 서비스와, HCE 스펙을 따라 NFC 결제 통신을 제공. VISA token 발급 및 EMV 카드 결제 스펙을 이해하여 NFC 결제 모듈을 유지보수. (Android java, JNI). 보안 모듈인 Whitebox 암호화 모듈을 LLVM 난독화 컴파일러로 컴파일하여 SharedObject의 분석 방지. (C++) 라이브러리 JNI 구성

새로운 이미지

OmniDoc, Bankbe 스크래핑 모듈

C++Lua

17여개의 민원사이트에서 40여개의 민원문서를 발급할 수 있는 솔루션. 타사의 서비스에 탑재되어 고객의 민간업무를 대행해주는 편리한 서비스 제공. 금융결제원 Payinfo, 신용조회 KCB, 범죄자조회 Crime 등의 사이트를 스크래핑 담당.

새로운 이미지

TaSIM e2e 암호화

C++JavaCOS

카드사와 가맹점 사이의 E2E 암호화를 제공하는 TaSIM. 중간 VAN사의 영향을 받지 않은 채, 가맹점 단말기와 카드사 간의 암호화 제공. 여신협회 taSIM Application Specification 인증, EMVCo 및 CC(Common Criteria) 인증. JavaCOS 에 Applet을 탑재하여 가맹점의 카드 리더 단말기에 장착. Java COS의 작동을 이해하고, 해당 제품을 유지보수 및 대응. Applet 설치용 MFC UI 제작.