01
물류 운영 웹 전환
Excel VBA 주문 처리 업무를 업로드, 변환 큐, 검수, 산출물 보관이 가능한 웹 워크플로로 전환했습니다.
Experience Snapshot
현장 작업이 이어지도록 화면 흐름을 설계합니다.
물류 현장의 입력·검수·동기화 과정을 웹 화면으로 옮기고, 사용자가 다음 작업을 판단할 수 있도록 상태와 피드백을 구성했습니다.
02
현장 PDA 피킹 UX
작은 화면, 물리 스캐너, 네트워크 단절, 부분 피킹 같은 현장 제약을 상태 흐름과 입력 검증으로 다뤘습니다.
03
테스트와 빌드 기반 검증
운영 효과를 임의 수치로 설명하지 않고, 통과한 테스트와 빌드 결과를 기준으로 구현 범위를 확인했습니다.
The Stack
화면 구현과 상태 관리에 사용한 기술을 실제 적용 프로젝트와 함께 정리했습니다.
Frontend Core
React, TypeScript, Next.js
CodeMate의 PR 협업 화면, Career Hub의 지원 상태 UI, 물류 운영 화면을 React와 TypeScript로 구현했습니다.
State & Realtime
TanStack Query, Zustand, WebSocket
댓글, 지원 단계, 실시간 위치가 바뀔 때 필요한 화면만 갱신되도록 상태를 분리했습니다.
TypeScript & SQL
Next.js, Prisma, PostgreSQL
CodeMate에서 TypeScript 기반 Route Handler와 관계형 데이터 모델로 리뷰·댓글·알림 흐름을 연결했습니다.
Backend Support
Kotlin, Spring Boot, MySQL
물류 프로젝트에서 주문 변환, 피킹 상태 변경, Excel 산출물 생성을 담당했습니다.
10→0
CodeMate 댓글 이벤트 10건 기준 추가 API 요청
211.5→72.9ms
Fly:On 동일 Drag & Drop 시나리오의 total commit duration
55 / 224
NP WMS Picking에서 통과한 Mobile FE / Backend 테스트
Representative Work
운영 흐름을 다룬 프로젝트.
댓글 동기화, PDA 피킹, 모바일 일정 편집 과정에서 상태 관리와 입력 처리, 렌더링 성능을 개선했습니다.
More Projects주문 처리 웹 전환, PWA, 위치 기반 프로젝트는 펼쳐서 확인할 수 있습니다.
주문 처리 웹 전환, PWA, 위치 기반 프로젝트는 펼쳐서 확인할 수 있습니다.
Tech Journal
