NETAMlog[7] GraphQL을 통해 데이터 불러오기

한 일

저번 글에서 GraphQL을 사용하게 된 것에 대해 작성하였는데 오늘은 GraphQL을 통해 실제로 데이터를 가져오는 기능을 구현하였습니다.(저번에는 셋업이라고 볼 수 있죠)

사용방법은 크게 어렵지 않고 apollo 서버의 클라이언트를 만든 다음 GraphQL 쿼리를 통해 데이터를 가져오기만 하면 되는 것으로 기존의 로컬 마크다운 파일을 파싱하는 코드를 수정하였습니다.

생각보다 더 쉽게 데이터를 불러올 수 있고 무거운 gray-matter 라이브러리(마크다운 파일에서 메타데이터와 실제 내용을 구분해서 반환해줌)을 더이상 사용할 필요가 없어져 기분이 좋았습니다.

또한, 이 글을 통해 api 경로를 같은 사이트에서만 사용할 수 있도록 바꿨습니다.

원래는 api를 딱히 쓸 생각이 없었는데 프론트 쪽에서 데이터를 전송하게 되니 보안을 어느정도 고려를 안 할 수가 없더라고요.

해야할 일

검색 기능을 Fuse.JS라는 라이브러리를 통해 프론트에서 처리하도록 수정할 계획이고 관리자 페이지를 구성해야 합니다.