About
안녕하세요! 저의 공간에 오신 것을 환영합니다.
이곳은 저의 개발 경험과 학습한 내용을 기록하고 공유하는 공간입니다. 주로 프론트엔드 개발, 그리고 새로운 기술 스택에 대한 이야기를 다룹니다.
Flagshop
Frontend Engineer 2026 - Now
플래그샵은 워커스하이가 운영하는 언택트 플래그십 스토어입니다. 소비자에게 가장 가까운 곳에서 새로운 제품과 트렌드를 선보이며, 일상 속에서 손쉽게 닿을 수 있는 새로운 소비 경험을 제안합니다. 특급호텔을 비롯한 다양한 공간에 무인스토어 형태로 들어가 있습니다.
플래그샵의 프론트엔드 전반을 맡아 플래그샵 홈페이지와 모바일 앱의 웹뷰, 웹 브릿지, 어드민을 개발했습니다.
모바일 앱은 웹뷰 기반이라, 네이티브와 웹이 주고받는 통신을 담당하는 웹 브릿지를 함께 개발했습니다. 하나의 웹 코드베이스가 브라우저와 앱 양쪽에서 동작합니다.
Workers High
Frontend Engineer 2026 - Now
워커스하이는 단순히 물건을 판매하는 것을 넘어, 공간의 특성과 이용자의 행동 데이터를 정밀하게 분석합니다. 그 데이터를 바탕으로 일상에서 가장 가까운 곳에서 새로운 소비 경험을 제안하는 브랜드입니다. 대기업을 대상으로 한 맞춤형 사무실 간식 관리 서비스를 운영하고 있습니다.
워커스하이에 근무하면서 프론트엔드 전반을 담당하고 있습니다. 브랜드 사이트와 어드민, 앱 웹뷰까지 웹으로 만들어지는 화면을 모두 개발하고, 여러 서비스가 같은 기반 위에서 돌아가도록 공통 컴포넌트와 개발 환경을 함께 관리합니다. 플래그샵도 워커스하이의 서비스입니다.
Snackfor
Frontend Developer 2020.12 - 2025.05
스낵포는 기업 고객을 대상으로 사무실 간식 큐레이션 및 정기 배송 서비스를 제공하는 회사입니다. 빅데이터를 기반으로 기업이나 개인의 선호도를 분석하여 맞춤형 간식과 음료를 준비하고 배송해 줍니다. 간식 구성부터 배송까지 스낵포가 모두 담당하므로, 기업 담당자는 편리하게 서비스를 이용할 수 있습니다.
스낵포에 근무하면서 B2C, B2B, 사내 시스템, 어드민 등 여러 프로젝트를 개발했습니다.
Snacklink
Frontend Developer 2024 - 2025
스낵링크는 AI 간식 큐레이션 서비스입니다. 사무실 간식 정기 배송 서비스로 알려진 스낵포의 서비스입니다. 다양한 카테고리의 간식을 빠르게 담고 주문 가능한 이커머스 서비스를 제공합니다.
회사 총무 담당자는 탕비실에 구비할 간식을 구성하는 데 오랜 시간이 걸렸습니다. 그 시간을 줄이고 불편함을 해소하고자 스낵링크를 개발했습니다. 누구나 쉽고 편리하게 예산과 목적에 맞게 1분 내로 간식을 구성할 수 있습니다.
LLM 기반 AI 대화형 인터페이스로 자연어를 통해 최적의 간식을 자동으로 선별해 장바구니에 담아주는 UI를 개발했습니다. 또한 딥러닝 기반 모델의 API에 적절한 조건을 입력하면 최적의 간식을 자동으로 선별해 장바구니에 담아주는 선택형 인터페이스를 개발했습니다.
서비스는 종료됐지만, 프론트엔드 코드를 그대로 살린 데모에서 직접 써 볼 수 있습니다. AI 챗을 만든 과정은 LLM AI로 간식 추천 서비스 만들기에 정리했습니다.
Delivery (Snackfor)
Frontend Developer 2022
우연히 동료 직원의 화면을 보고 비효율적인 업무가 있다는 것을 알았습니다. 배송사진을 업로드하는 시스템이 제대로 갖춰져 있지 않아 업무 과정이 복잡하다는 아쉬움이 있었습니다. 이 문제를 어떻게 풀어나갈지 고민했습니다.
동료들이 본 업무에 더욱 집중할 수 있도록 배송사진 업로드 모바일 웹 앱을 고안했습니다. 간단한 기능으로 빠르게 구현하였고 언제든지 확장할 수 있게 구현했습니다.
Figma를 활용해 직접 UI/UX 디자인을 진행하였고, 기획부터 프론트엔드 개발까지 프로젝트의 전반적인 진행을 담당했습니다.
Twitch Extension
Frontend Developer 2020
T1 Faker 선수의 트위치 방송에는 전 세계의 다양한 LoL 팬들이 모여들었습니다. 전 세계의 다양한 시청자들을 위해 영어 번역이 필요했습니다. 그 니즈를 해소하기 위한 트위치 익스텐션 프로그램 개발에 참여했습니다.
담당자가 번역된 채팅을 입력하면 화면 중앙하단에 번역 텍스트가 노출됩니다. 시청자는 자막의 폰트 스타일, 폰트 크기 등을 조정할 수 있습니다. 또한 자막 영역을 Drag&Drop으로 움직이고 크기를 조절할 수 있습니다. 이를 통해 시청자는 스트리밍에 몰입하기 위해 최적인 환경이 조성되었습니다.
UI/UX Design
2021 - Now
Figma의 주요 기능을 사용하여 3개의 웹 프로젝트의 프로토타입과 디자인 시스템을 제작하였고 릴리즈했습니다. 또한 다양한 벡터 디자인을 기반으로 한 BI Logo, Carousel Banner 등을 제작하고, 취미 생활로 커뮤니티의 대표 이미지를 꾸준히 제작해오고 있습니다.
프론트엔드 개발자로서 Figma를 활용하는 건 선택이 아닌 트렌드가 되었습니다. 디자인 프로세스에 대한 시야를 넓히고 디자이너와 깊은 이해의 피드백을 주고 받아 작업 효율을 높일 수 있습니다.
GitHub
2020 - Now
머릿속에 있는 아이디어를 구현한 결과물을 저장하는 저장소입니다. 오픈소스의 세계에서 많은 도움을 받고 있어서, 미래에는 오픈소스에 기여하는 개발자가 되는 걸 목표로 하고 있습니다.
현재 등록되어 있는 대표적인 공개 레포지토리는 다음과 같습니다.
Neople SDK JS Neople OpenAPI Types
Korean SaaS Integration Kit
관심이 있으면 한번 둘러보세요!
Claude
2025.03 - Now
2025년 3월, Claude 3.7 Sonnet부터 쓰기 시작했습니다. 그전에는 GitHub Copilot으로 인라인 코드 추천을 받아 썼습니다. 한 줄씩 이어 붙이는 방식은 타이핑을 줄여주긴 했지만, 여러 파일에 걸친 작업이나 맥락을 읽어야 하는 판단까지 맡기기는 어려웠습니다.
지금은 Claude Code로 코드의 99%를 작성합니다. 제가 하는 일은 직접 타이핑하는 것이 아니라, 무엇을 만들지 정하고 방향을 제시하고 나온 결과를 검토하는 쪽으로 옮겨왔습니다. 이 블로그도 그렇게 만들고 다듬어가고 있습니다.
2020 - Now
네트워킹과 새로운 커리어 기회를 발견하기 위해 사용하는 SNS입니다. 업계 트렌드와 다른 개발자들의 인사이트, 기술 동향을 실시간으로 접하기 위해서는 필수입니다. 커리어 발전을 위한 도구로 활용하고 있습니다.
주로 기술 블로그 포스팅을 공유하거나, 성과를 공유하고 있습니다.