Portfolio

0%

Full-Stack Developer

Portfolio

CHA HYUNWOO

Works

Business and personal projects I've worked on

01

개발 세션 통합 모니터링 대시보드

1인 개발

Spring Boot 3.5 + Vue 3 + SwiftUI 기반 로컬 전용 세션 모니터링 대시보드. NIO 역순 리더로 421MB 기록 수집 17.5배 단축, content 블록 단위 상태 판별과 CI 게이트 3종

TypeScriptVue 3Vite+11
02

매물 통합 조회 데스크톱 앱

발주처가 있는 의뢰 작업이며 단독 개발

세 개 중개 사이트의 매물을 통합 수집하는 Python 데스크톱 앱. asyncio 사이트별 세마포어 분리, Tkinter-asyncio 스레드 경계 배선, PyInstaller 크로스 플랫폼 패키징

Python 3.12Tkinter / ttkopenpyxl (xlsx 내보내기)+8
03

결제 대행 서비스 백엔드 설계·구현

프리랜서 수주 계약, 백엔드 단독 개발

NestJS + Prisma 기반 결제 대행 서비스 백엔드. 전이 존재와 행위자 권한을 분리한 상태머신, 단일 경로 상태 갱신과 감사 로그, AES-256-GCM 버전드 암호화 설계

TypeScriptNestJSPrisma (pg adapter)+11
04

쇼핑몰 통관부호 실시간 검증 시스템 (주문서 컴포넌트 + 중계 API)

1인 작업

해외 구매대행 쇼핑몰 주문서의 개인통관고유부호 실시간 검증 시스템. FastAPI 프록시 기반 XML 응답 정규화, 네트워크 예외 한정 재시도, 바닐라 JS 상태 머신 결제 게이팅

Vanilla JavaScript (ES5 호환, 의존성 없음)Fetch API + AbortController카페24 스마트디자인 스킨 템플릿 (Smarty 기반 {$var}, <!--@section-->)+11
05

공장 물류 이동 관리 어드민 프론트엔드

Frontend Developer

Next.js 16 기반 스마트 팩토리 물류 관리 시스템. React Aria → TanStack Table 마이그레이션 및 Keycloak 서버사이드 인증 구현

Next.js 16ReactTypeScript+7
06

위성영상 B2B SaaS 모노레포 프론트엔드

Frontend Developer (PL)

React 19 + Turborepo 기반 Monorepo로 위성영상 분석 플랫폼을 설계·구축한 대규모 프로젝트

React 19TypeScriptVite 7+12
07

예약·결제·정산 솔루션 코어 설계·개발

설계·백엔드 단독 개발

Java 21 + Spring Boot 4 기반 멀티테넌트 예약·결제·정산 백엔드 코어. PostgreSQL 배타 제약 기반 좌석 동시성 제어, 웹훅 멱등 관문, 순수 함수 정산 엔진과 업종 교체형 프리셋 구조

Java 21Spring Boot 4.1.1Spring Security (세션 + 쿠키, CSRF)+10
08

백오피스 공통 컴포넌트·디자인 시스템

Frontend Developer

대기업 백오피스 공통 UI 컴포넌트 라이브러리와 디자인 시스템 구축. 원시값·의미값 2계층 디자인 토큰, 제네릭 대용량 테이블, 폼 검증 공통 규약, 사내 패키지 배포

ReactTypeScript디자인 토큰+2
09

금융 견적 요청 운영 콘솔 프론트엔드

Frontend Developer (Freelance)

금융 거래 데이터 관리 및 실시간 모니터링을 위한 백오피스 시스템. React 19 + TanStack + SSE 기반 대용량 데이터 처리

React 19TypeScriptVite+11
10

스마트TV 쇼핑 앱 전면 리뉴얼

Frontend Developer (PL)

LG webOS TV 쇼핑 앱 전면 리뉴얼. Enact 프레임워크 + Spotlight 포커스 관리, PropTypes 타입 시스템, 4개국 다국어, Jenkins CI/CD 프론트엔드 리드

JavaScriptReactEnact+10
11

IoT 스마트홈 앱 공통 컴포넌트 라이브러리

Frontend Developer

대규모 IoT 스마트홈 앱의 웹뷰 공통 컴포넌트 라이브러리 구축. Storybook 문서화·d3.js 실시간 데이터 시각화·iOS/Android 크로스 플랫폼 대응

ReactJavaScriptTypeScript+3
12

NFT 소유권 기반 탈중앙 인증 서비스

Frontend Developer

NFT 소유권 기반 탈중앙화 인증 시스템 구축. React + React Native 크로스플랫폼 개발 및 web3.js 블록체인 연동

ReactReact NativeTypeScript+4
13

채용 플랫폼 서비스 프론트엔드 개발

Frontend Developer

스타트업 핵심 멤버로 채용 플랫폼 프론트엔드 핵심 기능을 설계·개발. 서비스 고속 성장기 확장과 렌더링 최적화 경험

ReactVue.jsTypeScript+3
14

은행 행내 업무 시스템 풀스택

Full-Stack Developer

은행 행내 업무 시스템의 Vue → React 무중단 점진 전환. react-virtual 기반 대량 목록 가상화, 제네릭 입력 컴포넌트 라이브러리, Java Spring CRUD API 설계

ReactVue.jsTypeScript+7
15

금융 서비스 풀스택 개발

Full-Stack Developer

Java Spring 기반 금융 서비스 백엔드 시스템 설계·개발. 대용량 금융 트랜잭션 처리 및 금융 보안 규정 준수 구현

JavaSpring FrameworkJavaScript+7
16

사내 관리자 도구 백엔드 — DB 설계와 CRUD API

Backend Developer (인턴)

채용 서비스 사내 관리자 도구 백엔드 구축. 의미 단위 테이블 스키마 설계, MyBatis 동적 SQL 검색·페이징 규약, soft delete 기반 복구 경로 확보

JavaSpring FrameworkMySQL+1
17

포트폴리오·블로그 무인 발행 파이프라인

설계·구현·운영 (단독)

정본이 바뀌면 사이트 반영까지 자동으로 돌고, 블로그는 18~24일마다 스스로 글을 써서 승인 요청을 보내는 무인 파이프라인

Python 3.9pytestlaunchd+4
18

주유소 가격 조회 알림 서비스

Full-Stack Developer

Python + discord.py 기반 멀티 기능 디스코드 봇. 기차표 매크로, 주유 최저가 알림, AI 업데이트 로그까지 Cog 단위로 모듈화

Python 3.12discord.pyasyncio+7
19

콘텐츠 서비스 통합 백엔드 API 서버

백엔드 설계·구현 및 인프라 단독 담당

NestJS 11 + Fastify 기반 통합 백엔드. 엔티티별 translation 테이블로 다국어를 행으로 관리하고, OpenAPI 스펙을 파일로 커밋해 별도 저장소의 프론트가 서버 없이 타입을 생성합니다.

TypeScript 5NestJS 11Fastify 5+9
20

개발 활동 지표 랭크 카드 API

Creator

GitHub 활동을 분석해 롤 스타일 티어 카드(SVG)를 생성하는 오픈소스 위젯. Log-normal CDF 기반 스코어링, 225명 실 유저 샘플링 검증

HonoTypeScriptVercel Serverless+2
21

콘텐츠 운영 관리자 콘솔

Frontend Developer

Vite + React 기반 블로그 관리 대시보드. TanStack Router 파일 기반 라우팅과 httpOnly cookie 인증

React 19TypeScriptVite+9
22

API 콘텐츠 기반 기술 블로그

Frontend Developer

Next.js 16 + MDX 기반 개인 기술 블로그. SSG 정적 생성과 ISR 재검증을 활용한 성능 최적화

Next.js 16React 19TypeScript+6
23

프론트엔드 3개 앱 통합 모노레포

Frontend Developer

블로그, 어드민, 포트폴리오 3개 앱과 공통 디자인 시스템/유틸 패키지를 통합 관리하는 pnpm + Turborepo 기반 모노레포

TurborepopnpmTypeScript+3
24

3D 인터랙티브 소개 웹사이트

Frontend Developer

Three.js 3D 인터랙션, Arc 캐러셀, Orbital 스킬 시각화 등 몰입감 있는 비주얼을 갖춘 다국어 개인 포트폴리오

Next.js 16React 19TypeScript+8

개발 세션 통합 모니터링 대시보드

Private
1인 개발2026.08 ~ Present

Spring Boot 3.5 + Vue 3 + SwiftUI 기반 로컬 전용 세션 모니터링 대시보드. NIO 역순 리더로 421MB 기록 수집 17.5배 단축, content 블록 단위 상태 판별과 CI 게이트 3종

  • Spring Boot 3.5 + Vue 3 + SwiftUI 기반 로컬 전용 세션 모니터링 대시보드 단독 개발
  • NIO RandomAccessFile 역순 리더로 총 421MB 기록 수집을 전체 파싱 대비 약 17.5배 단축
  • 읽기 상한을 소요 시간과 정보 손실을 함께 재는 벤치마크로 결정해 선택 근거를 재현 가능하게 확보
  • 레코드 타입이 아닌 content 블록 단위 판정 로직을 순수 함수로 분리해 상태 오판 문제 해결
  • @Scheduled 주기 수집과 SseEmitter 변경 감지 스트림을 연결해 폴링 없는 실시간 화면 구현
  • 수집 실패를 노출하는 설계로 데이터 없음과 읽기 실패를 화면에서 구분
  • 로컬 전용 바인딩과 산출물 데이터 격리를 CI 게이트 3종으로 강제해 원칙 훼손 방지
TypeScriptVue 3ViteTailwind CSS 4Vitest + @vue/test-utilsPlaywright (e2e)BiomeSwiftUI (macOS 메뉴바 앱)Java 21Spring Boot 3.5Gradle (Kotlin DSL)JUnit 5 + AssertJNIO RandomAccessFile (역순 읽기)SseEmitter (SSE)

Skills

Technologies and tools I use

JWT / OAuthAdvanced
KeycloakAdvanced
Expert
Advanced
Proficient
Familiar

Contact

Feel free to reach out

Latest from my blog

DevOpsmacOS launchd로 무인 자동화 파이프라인 만들기Sep 6, 2026Backend429 차단, 원인은 요청 빈도가 아니었습니다Sep 6, 2026Backend해외 구매대행 쇼핑몰에 유니패스 통관부호 실시간 검증 붙이기Apr 22, 2026DevOps아이패드에서 코딩하기 — code-server + Tailscale로 어디서든 개발환경 접속Mar 27, 2026BackendGoogle Analytics 대신 방문자 로그 수집 시스템 직접 구현하기Mar 23, 2026DevOpsmacOS launchd로 무인 자동화 파이프라인 만들기Sep 6, 2026Backend429 차단, 원인은 요청 빈도가 아니었습니다Sep 6, 2026Backend해외 구매대행 쇼핑몰에 유니패스 통관부호 실시간 검증 붙이기Apr 22, 2026DevOps아이패드에서 코딩하기 — code-server + Tailscale로 어디서든 개발환경 접속Mar 27, 2026BackendGoogle Analytics 대신 방문자 로그 수집 시스템 직접 구현하기Mar 23, 2026
© 2026 Cha Hyunwoo. All rights reserved.
Dawn skyline