디자인을 이해하는 개발
디자인·퍼블리싱 경험을 바탕으로
의도를 놓치지 않는 화면 구현
FRONTEND DEVELOPER
DESIGN MINDED. DETAIL DRIVEN.Web · Browser Extension · Desktop
SCROLL TO EXPLORE ↓01 A LITTLE ABOUT ME
보이는 화면 너머의
동작까지 생각합니다.
웹 디자인과 퍼블리싱으로 시작해, 지금은 React와 TypeScript로 서비스의 흐름을 만듭니다. 화면의 작은 간격부터 사용자의 다음 행동까지 살피는 일이 익숙합니다.
신규 서비스의 첫 구조를 잡고, 운영 중인 제품을 이어받아 개선했습니다. 결제가 중단되거나 응답이 늦어지는 순간에도 일관된 경험을 제공하고, 복잡해진 코드는 업무 영역에 맞게 정리합니다.
제가 걸어온 과정예외까지 연결하는 흐름
결제, 인증, 실시간 이벤트의
비동기 상태와 종료 조건 설계
다음을 생각하는 구조
운영 제품의 점진적 개선과
도메인 단위의 코드 정리
02 SELECTED WORK
경험으로 쌓은 결과물.
무엇을 만들었고, 어떤 문제를 해결했는지 소개합니다.
6개의 프로젝트
그루핀2025.09 — 2026.08
입력부터 거래까지, 일관된 상태 흐름
그루핀2024.11 — 2026.06
탐색부터 콘텐츠 이용까지 이어지는 구매 경험
그루핀2025.11 — 2026.08
연결 권한과 거래 승인을 구분한 지갑
헬스포트2023.10 — 2024.10
복잡한 약국 업무를 정돈하는 운영 화면
코스모스2023.03 — 2023.09
실시간 방송과 운영을 하나의 서비스로
오픈소스개인 프로젝트
Dialog의 호출과 결과를 하나의 비동기 흐름으로
03 EXPERIENCE
만들고, 배우고,
이어온 시간.
디자인에서 프론트엔드까지.
제품을 만드는 시야를 넓혀왔습니다.
MY JOURNEY
Design & Publishing
↓
Frontend Development
2024.11 — 재직 중재직 중
그루핀
프론트엔드 개발자 · 대리
커머스와 Web3 서비스를 웹·브라우저 확장·데스크톱으로 연결했습니다.
- DEX·NFT Store·멀티체인 Wallet Extension의 사용자 흐름과 거래 상태 처리 개발
- 테스트넷 참여 포털 초기 구축과 시즌 확장 — 가입 계정 시즌 1 16,694개, 시즌 2 8,220개, 시즌별 합계 24,914개
- Electron 지갑 인수 후 인증·거래 흐름 개선 및 Main·Preload·Renderer 역할 분리
- C2C Marketplace MVP 프론트엔드 단독 개발 및 Vue 기반 NFT Store Admin 구축
2023.09 — 2024.11
헬스포트
프론트엔드 개발자 · 대리
약국 운영 도구를 만들고, 기존 제품의 기능과 코드 구조를 함께 개선했습니다.
- 굿팜 Admin 운영 기능 개발과 도메인별 데이터 요청 구조로의 점진적 이전
- 약국 Backoffice 초기 구축 및 Sendbird 상담 기능 인수·개선
- 캠페인별 페이지를 추가할 수 있는 이벤트·프로모션 웹서비스 개발
2023.03 — 2023.09
코스모스
프론트엔드 개발자 · 사원
실시간 스트리밍 서비스와 운영 도구의 프론트엔드를 단독으로 개발했습니다.
- Fulldive Live·VOD 사용자 서비스와 Admin 개발 및 출시
- 인증·결제·방송 플레이어·실시간 채팅·영상 업로드 구현
2020.02 — 2022.08
이앤유시스템즈
UI/UX 디자이너 · 주임
브랜드·커머스 사이트의 디자인부터 PC·모바일 퍼블리싱까지 담당했습니다.
- HTML/CSS·JavaScript·jQuery로 직접 화면을 구현하고 카페24 운영 모듈 연동
- 레이윙·아네모네·클래냥·마크라모터스 홈페이지 및 자사 홈페이지 리뉴얼
- 디자인·퍼블리싱을 담당한 클래냥(2022.06), 마크라모터스(2021.10) GDWEB WINNER PRIZE 선정
04 TOOLBOX & LEARNING
생각을 구현하는 도구들.
필요한 기술을 선택하고, 실제 서비스에 적용합니다.
Frontend
화면의 구조와 사용자의 동작을 연결합니다.
Interaction & Data
서버 상태와 실시간 상호작용을 다룹니다.
Tools & Platform
웹을 넘어 실행 환경과 검증 방법을 넓힙니다.
꾸준히 배우는 과정 EDUCATION
2022.02 — 2027.02 예정
국가평생교육진흥원 · 학점은행제
컴퓨터공학 학사 과정 이수 중 · 2027년 2월 학위 취득 예정2022.08 — 2023.02
코드스테이츠
Software Engineering Bootcamp Frontend 41기 수료경험을 넓히는 방식 BEYOND WORK
React Dialog Flow
Dialog의 호출과 결과를 Promise 흐름으로 다루는 라이브러리를 만들고, 주요 상태 흐름을 테스트합니다.
저장소 살펴보기AI와 함께 일하는 방법
AGENTS.md와 SKILL로 작업 규칙과 리뷰 절차를 정리하고, MCP와 Jira를 연결해 개발 티켓 작성에 활용합니다.
GDWEB WINNER PRIZE · 클래냥 (2022), 마크라모터스 (2021)
이앤유시스템즈 재직 중 디자인·퍼블리싱 담당
05 LET’S BUILD SOMETHING GOOD