임상시험 검색 서비스

서비스 링크 (현재 서버 비활성화)

한국임상정보

Web site created using create-react-app

https://humanscape-team5a.netlify.app/

Github 링크

GitHub - restareaByWeezy/TEAM_5A

2022.05.20 ~ 2022.05.22 (3일간) 원티드 프리온보딩 코스 5-A조 휴먼스케이프 과제 프로젝트입니다. 한국임상정보의 검색창을 클론 코딩하였고, 공공데이터포털 오픈 API 의 데이터를 활용했습니다. 링크: https://humanscape-team5a.netlify.app/ 검색창을 열면 바로 데이터가 로딩됩니다. 검색어를 입력하지 않더라도 로딩 중... 이라는 메세지를 통해 데이터를 불러오고 있다는 것을 알 수 있습니다. 데이터를 다 불러올 때까지 검색어를 입력하지 않으면 드롭다운 메뉴가 닫힙니다.

https://github.com/restareaByWeezy/TEAM_5A/tree/master

•

공공데이터포털 오픈 api를 이용하여 검색어 추천 기능이 있는 임상시험 검색창을 구현하였습니다.

•

Redux-toolkit, React-query, TypeScript, React를 이용하여

구현하였습니다.

•

API 응답에 평균 5초 이상이 걸린다는 특징과 데이터가 72bytes로 매우 적은 크기이기에 데이터를 한 번에 불러온 뒤 캐싱된 데이터를 활용하는 방법을 선택했습니다. 요청 및 응답 자체에 걸리는 시간을 고려할 때 최적의 방법이라 판단했습니다.