안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
금융 견적 요청 운영 콘솔 프론트엔드
개발
중개ㆍ매칭 플랫폼, 통계ㆍ대시보드, 기타(내부 시스템)
프로젝트 배경
1) 문제점 - 견적 요청 조건을 사람이 메일에서 옮겨 적으면서 옮겨 적기 오류가 생길 수 있었습니다. - 진행 상태가 메일함에 흩어져 있어 지금 어느 건이 어디까지 갔는지 한눈에 볼 수 없었습니다. - 회신된 호가를 비교하려면 여러 메일을 열어 대조해야 했습니다. 2) 프로젝트 목표 - 요청과 회신을 한 화면에서 조회·검색 - 템플릿으로 조건 조합을 만들어 여러 상대에게 한 번에 발송
프로젝트 성과
목록 화면 구조를 하나로 통일
컬럼이 많은 목록 화면들이 같은 형태였기에 공용 컴포넌트 하나로 묶었습니다. 화면별 코드에는 컬럼 정의와 동작만 남았습니다.
인증 처리 중복 제거
연동한 서버 경로 51개마다 같은 인증 실패 분기를 넣는 대신 통신 계층 한 곳에서 처리했습니다. 정상 응답에 담겨 오는 실패 코드까지 같은 기준으로 검사합니다.
항목 추가 시 재배포 불필요
검색 조건과 입력 폼을 서버가 내려주는 항목 정의로 그렸습니다. 항목이 늘어도 화면을 다시 배포하지 않아도 됩니다.
배포 후 흰 화면 자동 복구
새 버전 배포 뒤 이전 화면을 열어둔 사용자가 흰 화면을 보는 문제를 자동 복구로 처리하되, 반복되면 멈추게 했습니다.
핵심 기능
권한 기반 화면 접근 제어
로그인 여부와 서버가 내려준 메뉴 목록을 각각 확인해 접근을 판정합니다. 두 단계를 나눠 로그인만으로 열리는 화면이 없게 했습니다.
진행 단계
구조 설계와 공통 계층 구축
2025.07.
파일 기반 라우팅과 인증 가드, 통신 계층 3종, 캐시 전략을 먼저 세운 뒤 화면 작업을 시작했습니다.
프로젝트 상세
1) 포트폴리오 소개 금융회사 사이에서 오가는 견적 요청과 회신 호가를 한 화면에서 다루는 사내 운영 콘솔입니다. 서비스 카테고리는 금융 업무용 웹 콘솔이며, 메인 타깃은 견적을 만들고 발송하고 회신을 비교하는 실무 담당자와 사용자·발신 제어를 관리하는 운영자입니다. 기존에는 요청 내용이 메일로 오가면서 조건을 사람이 옮겨 적고 진행 상태는 메일함에 흩어져 있었습니다. 프론트엔드 전 범위를 단독으로 맡

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

참여 개발사와 미팅 연결

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

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

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

프로젝트 정보

참여 기간
2025.07. ~ 2025.12.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
스타트업 R사
역할
프론트엔드 단독 개발 (라우팅·인증 가드·통신 계층·캐시 전략·화면 구현·품질 게이트 구성)
관련 기술
ky
TypeScript
Tanstack
Vite
shadcn
TailwindCSS
Zod
React
react-hook-form
Zustand