최종은

Skills

기술 스택

Demos

인터랙티브 데모

직접 설계하고 구현한 코드 데모입니다. 프론트엔드 네 개와 백엔드 두 개, 여섯 개 모두 라이브로 열려 있습니다.

1. 01

   Frontend

   거래소 목업

   실시간 호가 20단, 캔들 차트, 주문 폼, 체결 내역을 갖춘 트레이딩 UI. Mock 스트림으로 시세와 분봉이 함께 갱신되고 한국식 등락색과 다크모드를 지원한다.

   Next.js 16React 19lightweight-chartszustand실시간 mock

   

   로컬
2. 02

   Frontend

   문서 근거 QA (검색 + 추출형 MRC)

   사내 문서에서 근거 문장을 그대로 인용해 답한다. 생성이 아니라 추출이라 없는 말을 지어내지 않고, 근거가 약하면 답하지 않는다. 골드셋 33문항으로 불응답 정확도 100%를 측정해 화면에 공개한다.

   Next.js 15React 19TypeScriptTF-IDF 검색MRC 추출SSE 스트리밍

   

   로컬
3. 03

   Frontend

   시맨틱 검색

   사내 동의어 사전으로 질의를 확장한 어휘 랭킹(TF-IDF)으로 문단을 찾는다. 키워드 모드와 같은 골드셋으로 나란히 재서, 확장이 실제로 정확도를 올리는지 숫자로 보여준다.

   Next.js 15React 19TypeScript동의어 확장결정적 랭킹

   

   로컬
4. 04

   Frontend

   AI 챗봇 목업

   어절 단위 스트리밍 응답, 오프라인 상태 관리, 접근성까지 다듬은 대화형 UI. 전송 계층만 바꿔 Mock과 실제 SSE를 오가고, 모든 방의 대화를 관련도 순으로 찾아 그 메시지 자리까지 데려간다.

   Next.js 15React 19TypeScriptSSE대화 검색접근성

   

   로컬
5. 05

   Backend

   파일 확장자 차단

   확장자가 아니라 내용으로 막는다. Tika 콘텐츠 판별과 컨테이너 탐지, 웹루트 밖 격리 저장, 분산 락으로 지킨 업로드 경계.

   Spring Boot 4Java 21MySQLjQuery 4Apache Tika분산 락

   

   로컬
6. 06

   Backend

   IP 차단

   허용 IP 와 사용 시간대를 등록·검색·삭제하는 접근 제어 어드민. 100만 건 키셋 페이지네이션, 항상 디바이스 시간대로 표시되는 시각, 본인 IP 자동기입.

   Spring Boot 4Java 21MySQLjQuery 4키셋 페이지네이션디바이스 TZ

   

   로컬

Experience

경력 & 대표 프로젝트

프라뱅재직 중 2025.10 - 현재

IT개발부 과장/Front-end 파트장/Full-stack

블록체인 가상자산거래소. 15명 규모 개발 조직에서 프론트엔드 파트 5명을 리딩하며 백엔드 8명과 협업합니다. 웹 백오피스 모바일 앱 백엔드 API 네 시스템을 관통해 개발했고, 중단됐던 서비스를 USDT 마켓 등 신규 기능과 함께 재설계해 2026.02 재런칭했습니다.

개인 커밋 1,700+ (약 36%) jQuery 2 → jQuery 4 + TS 전면 전환 2026.02 재런칭

대표 프로젝트

거래소 프론트엔드 현대화Frontend · 성능

문제

10년 된 jQuery 2 레거시로 로딩이 느리고 성능 점수가 60점대에 머물렀습니다.

해결

jQuery 4 + TypeScript 전면 전환, Webpack 번들 통합(layout 4→1, exchange 6→1), Brotli 사전압축, 이미지 최적화(SVG→WebP, 3.9MB→278KB).

결과

전송량 최대 86% 절감, Lighthouse 성능 60→99, SEO 80→100, 개인 커밋 1,700+로 2026.02 재런칭.

-86% 전송량60→99SEO 80→100

금융앱 보안 & 하이브리드 아키텍처Mobile · 보안

문제

앱 탭 전환이 3~5초 지연되고, 금융 보안 위협(MITM, 생체인증 레이스)과 콜드스타트 무한대기 장애가 있었습니다.

해결

Flutter 멀티웹뷰 아키텍처와 JS-Native 브릿지 설계, SSL 검증 강제(MITM 방어), 생체인증 TOCTOU 뮤텍스 해소, freeRASP 디바이스 무결성.

결과

탭 전환 3~5초 → 즉시, 콜드스타트 장애 해소, 2026.06 ISMS 갱신 심사 대응.

3~5s → 0sMITM 방어ISMS 대응

실시간 거래 인프라 & 차트Realtime · 인프라

문제

실시간 시세와 호가 갱신이 지연되고 차트가 구버전이며 호가창 깊이가 얕았습니다.

해결

WebSocket(STOMP) 델타 렌더링, TradingView 차트 v26→v31 마이그레이션, 호가창 10단→20단을 프론트부터 백엔드 Controller/Repository까지 관통 구현.

결과

지연 없는 실시간 시세 UI와 20단 호가를 제공하고, 백오피스 보안 인프라(서블릿 필터 + Spring Session, jsoup XSS Sanitizer)까지 직접 설계했습니다.

10→20단 호가STOMP 델타v26→v31

pravang.com 바로가기 ↗

트윙플 (달라라네트워크) 2021.04 - 2024.11 · 3년 8개월

Front-end 전담/QA · PM 겸임

K-pop 비대면 오디션 앱. Angular TypeScript SCSS로 오디션 접수, 영상 챌린지, 커뮤니티, 실시간 방송 투표, 해외 결제까지 프론트엔드 전체를 구현했습니다. 해외 유저 75% 이상 환경에 맞춰 다국어(i18n)를 초기 설계에 반영했고, 마지막 6개월은 Flutter 포팅과 오디션 평가 Vertex AI 자동화를 이끌었습니다.

글로벌 다운로드 50만+ 해외 유저 75%+ 다국어 i18n 초기 설계 Flutter 포팅 · Vertex AI

대표 프로젝트

글로벌 K-pop 오디션 플랫폼Frontend · Global

문제

해외 유저 75% 이상인 K-pop 비대면 오디션 앱을 프론트엔드 전반에서 구현하고, 오디션 평가 등 운영을 자동화해야 했습니다.

해결

Angular · TypeScript · SCSS로 오디션 접수 · 영상 챌린지 · 커뮤니티 · 실시간 방송 투표 · 해외 결제까지 프론트엔드 전체를 구현하고, 다국어(i18n)를 초기 설계에 반영. 마지막 6개월은 Flutter 포팅과 오디션 평가 Vertex AI 자동화를 이끌었습니다.

결과

글로벌 다운로드 50만+, 해외 유저 75%+ 환경을 안정적으로 지원했습니다.

50만+ 다운로드해외 75%+i18n · Vertex AI

twinkple.com 바로가기 ↗

소행성 (드림스푼스튜디오) 2018.04 - 2021.04 · 3년 1개월

Front-end 전담/기획 · QA · PM 겸임

GPS 기반 취미모임 앱. 기획자와 디자이너 없이 서비스 콘셉트 기획과 UI/UX 설계를 직접 수행하고, Angular TypeScript로 위치 기반 모임 탐색, 채팅 커뮤니티, 구독 기능을 구현했습니다. GPS 네이티브는 Cordova로 연동했습니다.

다운로드 10만+ 1인 기획 + FE 전담 위치 기반 · 실시간 채팅

대표 프로젝트

1인 기획 · FE GPS 취미모임 앱Product · Frontend

문제

기획자·디자이너 없이 GPS 기반 취미모임 앱을 서비스 콘셉트부터 UI/UX, 프론트엔드까지 혼자 완성해야 했습니다.

해결

서비스 콘셉트 기획과 UI/UX 설계를 직접 수행하고, Angular · TypeScript로 위치 기반 모임 탐색 · 채팅 커뮤니티 · 구독 기능을 구현. GPS 네이티브는 Cordova로 연동했습니다.

결과

다운로드 10만+, 1인 기획 겸 프론트엔드 전담으로 서비스를 완주했습니다.

10만+ 다운로드1인 기획 + FE위치 기반 · 실시간 채팅

dreamspoon.net 바로가기 ↗

아키에이지 (엑스엘게임즈 - 카카오게임즈) 2012.11 - 2017.11 · 5년 1개월

System QA (3년)→Tech PM (2년)

최고 동시접속 20만, 글로벌 누적 2,000만 가입 규모의 PC MMORPG 라이브 서비스. DB Log 인증 서버 등 인프라를 테스트하고 각 팀 산출물을 검수한 뒤 직접 빌드 배포했습니다. Tech PM 전향 후에는 일본 대만 미국 러시아 고객사를 대응하며 현지화 개발 일정을 조율했습니다.

최고 동시접속 20만 누적 가입 2,000만 글로벌 4개국 고객사 대응

대표 프로젝트

글로벌 라이브 서비스 품질 & 조율Global · QA to PM

문제

동시접속 20만 규모 MMORPG의 품질 검증과 다국가 현지화 일정 조율이 필요했습니다.

해결

DB Log 인증 서버 인프라 QA와 산출물 검수 후 직접 빌드 배포. Tech PM 전향 후 일본 대만 미국 러시아 4개국 고객사의 현지화 개발 일정을 조율했습니다.

결과

동시접속 20만, 누적 가입 2,000만 규모의 라이브 서비스를 안정적으로 운영 지원했습니다.

archeage.com 바로가기 ↗

Contact

연락처

함께 만들 이야기가 있다면 이메일로 연락 주세요.