[집똑똑] - 부동산 중개인을 위한 매물관리 및 중개서류 관리 플랫폼 주요 기능 - 전세사기 예방을 위한 데모 사이트의 프론트엔드 화면 개발 및 기능 구현 - 데모사이트 백엔드 테이블 설계 및 CRUD 기능 개발 사용 기술 - React ,Redux, Redux-Saga, StyledComponents, Node.js, PostgreSQL 트러블슈팅 ■ 사용자 편의성을 고려한 UX 개선 : 모달창을 이용해 서류 발급과 매물 관리 프로세스 최적화 [ 문제 상황 ] - 기존 시스템에서는 매물에 관한 서류 출력은 ‘주소 관리’, 매물 정보 입력은 ‘매물장’ 메뉴에서 분리해서 관리 - 매물 정보를 관리하기 위해서는 중개인이 매물장에 주소를 등록한 후, 다시 주소 관리 메뉴로 이동해 같은 주소를 재입력해야 했음 - 페이지 간 이동과 반복 입력은 사용자 경험을 저해하고, 비효율적인 업무 흐름을 유발한다고 판단 [ 해결 방법 ] - 어디서든 필요한 서류를 한 번에 관리할 수 있도록, ‘서류 발급 전용 모달창’ 제안 - 현재 페이지를 벗어나지 않고도 서류를 다운받고 확인할 수 있도록 UX 개선 - 매물장에서도 발급이 가능한 구조로 확장하여, 주소 관리 메뉴에 의존하지 않도록 변경 [ 결과 ] - 모달창을 공통 컴포넌트로 제작해, 네비게이션 메뉴 상관없이 모든 페이지에서 서류 발급 가능 - 발급 완료 시 토스트 메시지 등 즉시 알림 기능도 추가해 사용자의 업무 흐름을 자연스럽게 유지 - 불필요한 페이지 이동을 줄여, 평균 이동 횟수를 7번에서 1번으로 감소시켜 사용자 편의성을 증가 ■ 부동산 서류 자동 입력기능을 위한 파싱 모듈을 개발 [ 문제 상황 ] - 다양한 형태의 부동산 서류(등기부등본, 건축물대장 등)의 구조가 상이하여, 기존 파싱 로직만으로는 파일별 자동 추출이 어려움 - 건물 유형이나 양식에 따라 파싱 실패 또는 잘못된 값 매핑 발생 [ 해결 방법 ] - Cheerio 라이브러리 사용 : HTML 렌더링 없이 빠르고 가벼운 구조 파싱 가능 - 각 서류 유형에 맞는 패턴을 추출하고, 유형에 맞게 파싱 모듈을 분리, HTML 태그의 반복 구조와 주기성에 맞춰 유연하게 대응할 수 있도록 설계 [ 결과 ] - 서류 유형별로 모듈을 분리해 파싱 실패율을 줄이고 속도 최적화 - 추후 신규 서류 포맷이 생겨도, 코드 수정 없이 모듈만 추가하면 자동 확장 가능한 구조 완성

더보기