이주영 · Frontend Developer

핵심 문제

내 역할

결과[입력 필요]

핵심 문제스캔 입력이 흔들리거나 네트워크가 끊겨도 작업 기록을 잃거나 같은 수량을 중복 반영하지 않아야 했습니다.

내 역할PDA 단계 UI, 바코드 입력 경로 통합, IndexedDB 오프라인 명령 보존과 서버 응답에 따른 작업 상태 표시를 구현했습니다.

기술 선택 이유로컬 저장과 서버 수락을 분리해 네트워크가 끊겨도 작업 사실을 잃지 않기 위해 IndexedDB에 작업을 보관했습니다. 응답 유실 시 재전송으로 같은 수량이 두 번 반영되는 것과 오래된 명령을 막기 위해 clientEventId·version을 검증했습니다.

결과네트워크 요청 전에 작업 명령을 기기에 저장하고, 재연결 시 같은 명령을 순서대로 다시 보내도록 구현했습니다.

핵심 문제처리 중에 상품·주문 기준이 바뀌거나 변환이 실패하면, 결과가 어떤 원본과 기준으로 만들어졌는지 알기 어려웠습니다.

내 역할기존 MVP를 인수해 Frontend의 진행 상태·검수·다운로드 흐름을 연결했습니다. 서버에서는 변환 기준 고정과 실패 이력 저장 방식을 다뤘습니다.

기술 선택 이유변환 시작 시점의 기준정보 snapshot을 고정해, 처리 중 기준이 바뀌어도 결과에 사용한 기준을 추적할 수 있게 했습니다.

결과업로드 → 변환 → 검수 → 다운로드를 한 화면 흐름으로 연결했습니다. 주문서 양식마다 VBA를 작성·실행하던 변환 과정을 자동화해 반복 작업에 드는 시간을 줄였습니다.

핵심 문제일정 카드를 드래그할 때 목록 전체가 다시 렌더링돼 카드 이동이 늦어지는 문제가 있었습니다.

내 역할FE 2명·BE 2명·디자이너 1명 팀에서 모바일 일정 편집과 인증 상태 복원을 구현하고 EAS 배포·원스토어 출시를 진행했습니다.

기술 선택 이유드래그 중 상태 변경이 전체 트리로 퍼지는 것을 줄이기 위해 React.memo와 컴포넌트 분리를 적용했습니다.

결과같은 로컬 일정 Drag & Drop 동작의 React Profiler total commit duration이 211.5ms에서 72.9ms로 약 66% 감소했습니다.