perago / pre-onboarding-8th-3-11

시작하기

npm install
npm run dev

캐싱 구현 방법

1. 검색해야 하는 데이터는 병명 코드로서, 검색결과가 바뀔 가능성은 상당히 낮습니다. 따라서 캐싱을 위해 로컬의 Web Storage를 사용했고, 검색결과가 영구적이지는 않으므로 Session Storage를 사용했습니다.
2. 검색한 정보는 전부 캐싱 했고, 검색 효율성을 위해 검색결과가 없는 경우와 있는 경우를 나눠서 저장했습니다.
3. 만일 검색한 정보가 Session Storage가 존재하면(캐시라면) 꺼내와서 정보를 표출합니다. 없다면 서버에 정보를 요청합니다.
4. 사용자가 타이핑 하는 모든 글자에 결과를 줄 필요는 없으므로 500ms의 debounce를 주었습니다.

특장점

• 관심사 분리와 의존성 역전을 위해 Class, Context API를 활용했습니다.
• 과제 시작 전에 사용할 모든 기술을 미리 맞춰둬 소통이 원활했습니다.

유의점

• HTTP 요청이 http://localhost:4000/sick 으로 됩니다. 이를 위해 먼저 로컬 서버를 돌려주세요.