🌼 학습내용

1️⃣ REST-API, GRAPHQL의 차이점

• 먼저 HTTP에 대한 이해가 있어야 한다.(HTTP 정리글)

🫥 GRAPHQL

• API를 위한 쿼리 언어(Query Language)이며 타입 시스템을 사용하여 쿼리를 실행하는 서버사이드 런타임입니다.
• 특정한 데이터베이스나 특정한 스토리지 엔진과 관계되어 있지 않으며 기존 코드와 데이터에 의해 대체됩니다.

• 쿼리 언어(Query Language)
  쿼리 언어는 정보를 얻기 위해 보내는 질의문(Query)를 만들기 위해 사용되는 컴퓨터 언어이다. 가장 잘 알려져있는 예시로는 데이터베이스 시스템에 저장된 데이터를 가져오기 위해 사용하는 SQL이 있다.

• GraphQL(Graph Query Language)
  SQL이 데이터베이스 시스템으로부터 데이터를 가져오는 목적을 가진다면, GraphQL은 클라이언트가 데이터를 서버로부터 가져오는 것을 목적으로 한다.

🫥 REST-API , GRAPHQL 차이점

• 보통 하나의 엔드포인트를 가진다.

• 요청할 때 사용하는 쿼리에 따라 다른 응답을 받을 수 있다.

• 원하는 데이터(response)만 받을 수 있기 때문에 속도 개선이 된다.

• 엔드포인트 REST API는 보통 여러 엔드포인트를 가지며 각각의 엔드포인트가 동일한 응답을 반환한다. 하지만, GraphQL은 보통 하나의 엔드포인트만을 사용하며 요청하는 쿼리에 따라 다른 응답을 반환하는 방식이다.

🐶 엔드포인트 GRAPHQL 장점

• 위에 사진 처럼 REST-API CRUD요청 하나하나의 API가 작성되있어야 한다.
• GRAPHQL은 R은 QUERY로 CUD는 MUTATUION으로 요청과 응답이 가능하다.
• ⛔️ 중요 : REST-API는 불필요한 데이터를 다 받아오는 반면, GRAPHQL은 원하는 데이터만 골라서 받을 수 있다.

🐶 도구의 간편화

2️⃣ Express

• express란 NodeJS를 사용하여 쉽게 서버를 구성할 수 있게 만든 클래스와 라이브러리의 집합체

🫥 Express를 사용방법

1. 터미널에 yarn init을 실행한후 packge.json을 생성한다.
2. 터미널에 yarn add express 를 다운 받아준다.
3. packge.json 안에 dependencies(히스토리목록(설치한파일)){express: 버전} 이라고 나오면 설치
가 정상적으로 된것이다.
4. node_module이란 파일이 생성된다. -> node_modules(실행하기 위해 필요하다) 삭제해도 무방
(yarn install로 다시 다운)
5. github에 node_module은 가리고 올려준다 -> 최상단에 .gitignoer 파일을 생성 한후 node_module을 작성
6. gitignoer -> github 저장할때 무시할 파일을 작성한다.
7. packge.json은 절대!! 삭제하면 안된다.

🫥 Express의 기본구조

// const express = require('express');  // 옛날방식 => commonjs
import express from 'express'; // 요즘방식 => module

const app = express();
const port = 3000; // 포트번호

app.get('/qqq', function (req, res) {
    // 미들웨어 함수 (경로를 알려준다.)
    res.send('Hello World');
});

app.listen(port, () => {
    console.log('🐶 백엔드 API 서버가 켜졌어요!!');
});

• 내 컴퓨터 주소는 localhost 또는 127.0.0.1이다
• 이렇게 하고나면 아래와같이 정삭적으로 작동하는 것을 알수 있다.