[ React / project3 ] Fetching Data 데이터 검색 검색 속도 높이기

검색 방식 변경

Nodejs에서 결색 결과 가공 후 font로 전달하던 방식 =>  프론트에서 검색 결과 정제

데이터 전체를 가지고 client에서 직접 가공한 결과를 props으로 전달

 

 

# 프로젝트 이슈(STAR)

이슈 해결 대상 : 프트폴리오, 프로젝트 3 '숙박 검색 결과 정확도 높이기 및 검색 속도 향상'

## Situation

- 검색바에서 검색을 누르면 Node js에서 결과값을 정제하여 전달하는 방식

## Task

- Fetching Data 혼선 감소(최초의 Fetching Data API URL과 검색 결과 Fetching Data API URL 다름).

- 검색 결과 정확도 높임.

## Action

- Node js에서 최초의 값만 보내고 client에서 데이터 가공 처리.

- 가공된 결과값을 props으로 전달.

기존 node js

node js

 

바꾼 로직

client

##Result

- Client를 선택한 이유는 일터에 가면 server를 조직하기 어려우니 프론트에서 할 수 있는 로직으로 선택

- 최초의 Fetching Data List를 가지고 정보 데이터 조작함으로써 데이터 검색 정확도 높임.

- 검색 결과 속도를 높임.