안녕하세요 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는 제가 문제를 풀이하는 자바스크립트 코드를 적는 파일입니다..

안녕하세요! RyuWoong입니다. 이번에는 TypeORM을 한번 다뤄보도록 하겠습니다. 다뤄보시다보면 Query문 입력하는 것보다 훨씬 편리하다는 것을 느끼실 수 있을거라 생각합니다. 그럼 시작해볼까요? Entity Entity 생성하기 TypeORM에서 Entity로 데이터베이스 테이블을 Mapping 할 수 있습니다. 먼저 src폴더 내에 entity폴더를 생성한 후에, User Entity를 만들어 보도록 하겠습니다. idx와 id로 구성된 User Entity입니다. //src/entity/user.ts import { Column, Entity, PrimaryGeneratedColumn, } from 'typeorm'; @Entity() export default class User { @Pr..

안녕하세요! RyuWoong입니다. 정신 없던 프로젝트가 마무리가 되어가니 시간이 생기네요! 이번에는 TypeORM을 연결해보도록 하겠습니다. 가실까요?! TypeORM? TypeORM은 ORM 즉, 객체와 관계형 데이터베이스의 데이터를 자동으로 연결(맵핑) 해주는 라이브러리입니다. Express와 잘 사용하던 ORM 중에 Sequlize라는 라이브러리가 있습니다만, 우리는 TypeScript를 사용하고 있고, 향후 Nest를 사용하게 되면 TypeORM과의 궁합이 더 좋기 때문에 TypeORM을 사용하도록 하겠습니다. 특히 최근에 TypeORM이 3버전으로 올라오면서, 점점 발전하고 있는 라이브러리 입니다. 더보기 TypeORM은 클래스형태로 작성하게 되는데 저는 Entity선언부는 클래스형으로, 이외..