안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
공장 물류 이동 관리 어드민 프론트엔드
개발
관제ㆍ모니터링, 통합물류시스템, 재고ㆍ창고ㆍPDA
프로젝트 배경
1) 문제점 - 구역 사이 물류 이동을 종이와 구두로 관리해 현재 상황이 기록으로 남지 않았습니다. - 이동 요청이 만들어지는 조건이 사람의 판단에 있어 담당자마다 달라질 수 있었습니다. - 백엔드 세 종류가 아직 완성되지 않은 상태에서 화면을 먼저 만들어야 했습니다. 2) 프로젝트 목표 - 기준 정보 등록·수정을 웹에서 처리 - 이동 요청 생성 조건을 화면에서 정의할 수 있게 제공
프로젝트 성과
연동 전환 범위를 도메인당 3개 파일로 한정
도메인마다 통신·키·조회 훅을 세 파일로 고정해, 임시 데이터를 실제 연동으로 바꿀 때 건드릴 파일이 도메인당 3개로 한정되게 했습니다.
12개 도메인 중 10개 실연동 완료
참여 구간 종료 시점에 12개 도메인 중 10개를 실제 연동으로 전환했습니다. 나머지 2개는 백엔드 미완성으로 임시 데이터를 유지했습니다.
접근 토큰의 브라우저 노출 제거
인증을 서버에서 처리하는 구조로 전환해 접근 토큰이 브라우저 스크립트에 노출되지 않게 했습니다. 만료 판정도 서버 측 중계 계층에서 합니다.
실시간 구독을 공통 훅 하나로 통일
실시간 구독 훅 하나에 도메인별 얇은 래퍼를 얹어 세 개 도메인을 처리합니다. 화면이 다시 그려져도 연결이 끊기지 않습니다.
핵심 기능
규칙 편집 캔버스
조건과 액션을 노드로 배치해 이동 요청 생성 규칙을 만드는 캔버스 편집기입니다. 노드 종류별 입력과 연결을 화면에서 다룹니다.
진행 단계
구조 설계와 프레임워크 전환
2026.02.
착수 직후 인증을 서버에서 처리하기 위해 프레임워크를 전환하고, 도메인별 계층 규칙과 통신 계약 구조를 확정했습니다.
프로젝트 상세
1) 포트폴리오 소개 공장 안에서 구역 사이를 오가는 물류 이동을 종이와 구두로 관리하던 흐름을 웹으로 옮긴 관리자 시스템입니다. 서비스 카테고리는 제조 현장 운영 관리 도구이며, 메인 타깃은 기준 정보를 등록·관리하는 운영 담당자와 현장 상황을 지켜보는 관리자입니다. 기준 정보 관리, 이동 요청이 만들어지는 조건을 정의하는 규칙 관리, 지금 무엇이 어디로 움직이는지 보여주는 실시간 모니터링이 한 화면

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

ch******
개발 · 개인사업자

프로젝트 정보

참여 기간
2026.01. ~ 2026.06.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
중견기업 M사
역할
프론트엔드 아키텍처 설계 및 개발 리드 (인증·중계 계층, 규칙 편집 화면, 실시간 구독 계층, 배포 이미지 구성)
관련 기술
TypeScript
Tanstack
Docker
TailwindCSS
keycloak
recharts
next.js
react flow
Next-intl
React
react-hook-form
Zustand