안과 렌즈·용액 거래처 주문관리 시스템

거래처가 콘택트렌즈와 세척용액 주문을 화면에서 구분 입력하고, 양안(좌/우) BC·POWER·DIA·COLOR·각인 값을 규격에 맞게 검증받아 제출할 수 있는 화면입니다.

• React Hook Form과 Zod로 렌즈 규격(BC/POWER/DIA/COLOR) 필드별 유효성 검증 구현
• 주문/교환 구분과 배송방식 선택에 따라 폼 필드를 동적으로 전환하는 조건부 렌더링 설계
• 제품 마스터 데이터를 기준으로 렌즈·용액 옵션 목록을 동적으로 불러오는 구조 구현

양안 규격 입력값을 필드 단위로 실시간 검증해 잘못된 주문 접수를 사전에 차단하는 폼 구조를 구현합니다.

관리자가 렌즈·용액 주문을 목록에서 검색·필터링하고, 항목을 선택해 상세 정보와 진행 상태를 한 화면에서 확인·변경할 수 있는 주문 관리 콘솔입니다.

• 좌측 리스트·우측 상세 패널 구조로 주문 상태 변경과 상세 조회를 한 화면에서 처리하는 레이아웃 구현
• 기간·주문종류 조건별 xlsx 기반 Excel 다운로드 기능 구현
• 렌즈/용액 주문을 별도 탭으로 구분해 관리하는 목록·검색·필터 로직 설계

주문 목록과 상세·이력을 한 화면에서 오가는 마스터-디테일 구조로 관리자의 상태 관리 흐름을 단순화합니다.

관리자가 택배사와 송장번호를 등록해 주문을 출고 처리하고, 여러 주문에 동일 송장번호를 한 번에 입력할 수 있는 화면입니다.

• 다중 주문 선택 후 동일 택배사·송장번호를 일괄 등록하는 벌크 업데이트 로직 구현
• 출고 등록 시 Supabase 실시간 구독으로 거래처 조회 화면 상태를 즉시 동기화하는 구조 설계
• 택배사·송장번호 형식 검증 및 중복 송장 입력 방지 로직 구현

출고 등록이 거래처 조회 화면에 즉시 반영되도록 Supabase Realtime 기반 상태 동기화 구조를 구현합니다.

본사 관리자가 안과 거래처 계정을 등록·발급하고 상태(정상/거래중지)를 관리하며, 거래처와 관리자 권한을 분리해 접근을 제어하는 화면입니다.

• Supabase Auth와 역할 테이블을 연동한 거래처/관리자 다중 역할 권한 분리 구현
• 거래처 삭제 요청을 실제 삭제 대신 상태 필드 변경으로 처리하는 soft delete 이력 보존 구조 설계
• 비밀번호 해시 저장과 계정 상태(정상/거래중지)에 따른 로그인 차단 로직 구현

거래처를 물리적으로 삭제하지 않고 상태값과 이력을 보존하는 soft delete 구조로 데이터 안정성을 확보하는 접근 제어 체계를 구현합니다.