안녕하세요 RyuWoong입니다. graphQL이 뭔지 전 글로서는 감이 안잡히시죠? 이제 직접 쿼리를 날려봅시다. 접속하기. SWAPI GraphQL API graphql.org 위 사이트에 접속하면, Query 입력을 해보고 결과 값을 볼 수 있습니다. 앞 선 포스팅에서 REST API와 비교하면 된다고 말씀 드렸었는데요. 이번에 쿼리를 입력하면서 REST API와 비교하면 어떻게 다른지 조금 비교해보겠습니다. 입력하기. 왼쪽 메뉴에 책 아이콘을 선택하면, Docs를 볼 수 있습니다. query라고 되어 있죠? Root를 눌려서 query 안에 어떤 내용이 있는지 살펴볼까요? 선택하면, 정말 많은 Field가 있습니다. 그럼 한번 왼쪽 에디터에 입력해봅시다. { allFilms{ totalCount ..

안녕하세요. RyuWoong입니다. 이번에 해볼 이야기는 GraphQL 입니다. React Query와 Component에 대한 공부를 하다보니 한번씩 접했던 단어인데요, GrapQL이 뭔지, 어떤 용도로 쓰이는지 한번 알아보도록 하겠습니다. GraphQL? GraphQL은 Meta(구 FaceBook)에서 만든 Query Language(이하 QL) 입니다. QL이지만, 기존에 우리가 사용하던 SQL과는 꽤 차이가 있습니다. 사용하는 방법부터 용도, 목적이 다릅니다. 한번 살펴볼까요? SQL은 DB에 저장된 데이터를 효율적으로 불러오기위해 사용하는 언어이며 주로 BackEnd에서 사용하고 GraphQL은 Web Client가 서버로부터 효율적으로 데이터를 가져오기 위해 사용하는 언어로 주로 FrontE..

안녕하세요. RyuWoong입니다. 이제까지 Programmers에서 알고리즘 문제를 풀어 왔는데, 깃헙 프로필을 꾸미면서 티어를 노출시키는 기능을 써먹어야겠다고 생각이 들었습니다. 그래서 백준을 풀어보려고 합니다! 그러면서 어떻게 문제를 제가 풀고 제출하는지 한번 슥, 보여드리려고 합니다. 준비하기. 우선 Algorithm이라는 폴더를 만들어 내부에서 관리하려고 합니다. Algorithm 폴더 내에는 Question과 Utils 폴더를 추가로 만들어줬습니다. 그리고 Question 폴더 내에는 문제번호로 폴더를 만들고 각문제 번호마다, a.js 와 q.txt 를 만들었습니다. 여기서 q.txt는 문제의 테스트케이스가 들어가는 곳이고, a.js는 제가 문제를 풀이하는 자바스크립트 코드를 적는 파일입니다..