[TIL] 2022-04-06

오늘의 TIL

1. CORS가 뭐야? >> CORS

• cors error

  API에서 보안 상의 이유로, 아무 브라우저나 허용하지 않게 되면 브라우저에서 응답을 받지 못하고 CORS 에러가 발생한다.
  cors가 true가 아닌 api는 proxy 서버를 통해 우회해서 데이터를 요청할 수 있다.

2. GraphQL-API가 이렇게 쉽게 만들어지다니! >> GraphQL/Apollo-Server

• apollo-server
• typeORM
• typeDefs, resolver

  데이터베이스와 연결한 백엔드의 api를 브라우저에서 요청할 수 있도록 서버를 열어두는 과정이 필요하다. (listen) 이 과정을 도와주기 위해서 apollo-server를 받아서 설정했다.
  typeORM을 활용해서 SQL문 없이 insert, find 등 간단한 메서드만으로 api를 만들 수 있다.

3. 백엔드 개발자가 없을 땐 이걸 써봐! >> Firebase/BAAS

• 구글에서 제공해주는 백엔드

  파이어베이스는 백엔드 api 없이 프론트에서 데이터 저장이 가능한 데이터베이스이다. 기본 설정 이후 받은 apiKey, appId 등을 _app.tsx에서 설정해주고 내보내서 firebase를 사용할 파일에서 import 받아서 사용한다.
  간단한 서비스를 만들거나 테스트용으로 검증할 때 사용하기에 유용하다.

self-study

• Apollo-server 이용해서 CRUD api 만들기
• 파이어베이스 활용한 서브페이지 만들기(todo list)