안녕하세요 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입니다. 이번에는 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선언부는 클래스형으로, 이외..

안녕하세요. RyuWoong 입니다. 오늘은 간단하게 Express서버를 구축해보겠습니다. 프로그래밍을 처음 배우면 Hello,World를 띄우는걸 하는데 우리도 Hello, {이름}을 띄우는걸 해보도록 하겠습니다. 프로젝트 구성하기. 우선, Node 프로젝트를 생성해봅시다. 빈 프로젝트 폴더를 준비하시고 터미널로 만드신 프로젝트 폴더로 이동해 아래 명령어들을 입력합니다. npm i typescript -g // 전역으로 TypeScript 패키지를 설치합니다. npm init // npm기반 프로젝트 생성 및 관리할 수 있게 해주는 명령어. tsc --init // 프로젝트에 대한 TypeScript 설정을 할 수 있게 해주는 명령어. 명령어를 입력하고 나면 폴더에는 package.json 파일과 ts..