검색 기능에 대한 설명

[MartianLee]

일반적으로 컨텐츠의 검색은 클라이언트에서 쿼리 -> 서버사이드에서 검색 -> 클라이언트에 돌려줌으로 작동합니다.
gatsby도 이 라이브러리가 grapqhl로 실시간 질의할 수 있는 기능을 지원하나 gatsby 버전 2에 최적화되어있습니다. 현재 프로젝트의 gatsby 버전은 3이라 적용에 실패하였습니다.
이 프로젝트의 경우 문서가 100개 이상 될 가능성은 낮아 보여 gatsby로 모든 문서를 가져오고 렌더링할 때 client 상에서 검색하는 식으로 개발하였습니다. 모든 문서를 가져와도 9개 문서 기준 247 B, 487ms 정도의 성능을 보여 당분간 이렇게 검색 기능을 두는 것으로 하였습니다.

현재 위험하게 상속받은 props를 수정하는 방식으로 되어 있습니다.

data-micro-public-view/src/components/ContentsList.js

Line 41 in e636d50

if (query) {