ITS 표준데이터 관리 시스템(SDMS)
2025.04 — 현재ISO 14817-2 기반 표준데이터 모델링부터 분류체계·메타클래스 트리, D3 시각화, Open API 포털, Playwright QA 자동화까지. 프런트엔드 주력으로 합류해, 목업 데이터로 화면을 먼저 검증하고 Django API·쿼리까지 범위를 넓히는 중입니다.
Django · PostgreSQL · D3.js · jsTree · Playwright
실무에서 맡은 시스템부터 사이드 프로젝트, 학부 시절 작업까지. 각 항목의 링크에서 맡은 범위와 선택의 근거를 적은 글로 이어집니다.
ISO 14817-2 기반 표준데이터 모델링부터 분류체계·메타클래스 트리, D3 시각화, Open API 포털, Playwright QA 자동화까지. 프런트엔드 주력으로 합류해, 목업 데이터로 화면을 먼저 검증하고 Django API·쿼리까지 범위를 넓히는 중입니다.
Django · PostgreSQL · D3.js · jsTree · Playwright
일본어 다국어 지원, 무한 스크롤 성능 개선, 웹→앱 전환 UX 개편과 이벤트 태깅을 맡았습니다.
TypeScript · Next.js · SWR · Styled-Components
관세청 불법 복제품 판독 시스템과 공항 보안 검색 판독 시스템의 화면을 맡아, 바닐라 JS 기반 화면을 React SPA로 전환하고 웹소켓 실시간 판독 화면을 구현했습니다.
JavaScript · React · Redux · WebSocket
2인 팀으로 함께 여행 계획을 세우는 웹 서비스로, 프런트엔드 전체를 맡아 MVP를 6개월 만에 출시했고 지금도 운영 중입니다.
Next.js · TypeScript · React Query · STOMP
RSS 9개 소스에서 백엔드 관련 글을 수집·정제·태깅하는 파이프라인과, UUID 토큰 기반 구독/해지 뉴스레터를 Django로 만들었습니다.
Django · feedparser · BeautifulSoup4 · Render
스위그 협업 프로젝트 3기. 백엔드를 기다리지 않고 설문 인터페이스를 먼저 완성하는 방식으로 진행했습니다.
React · TypeScript
대학 종합설계(졸업작품). 프런트엔드를 맡았고, 자세 교정 영상 처리를 서버에서 브라우저(TensorFlow.js·ml5)로 옮긴 첫 성능 개선 경험이 남은 프로젝트입니다.
React · Redux · Flask · TensorFlow.js
학내 동아리 홍보·관리용 웹사이트. 배경지식 없이 시작해 범위를 줄여 완주한 기록입니다.
JavaScript · HTML/CSS
현업 웹 개발자 멘토링으로 만든 방탈출 포트폴리오를 6년 뒤 escape-plus로 다시 손본 기록입니다.
JavaScript · Vite