[TIL] 2022-04-05

오늘의 TIL

1. API를 무료로 제공해준다고?! >> Open-API / Public-API

• 무료로 제공되는 API 사용 방법
• useEffect

  외부 API를 axios로 호출할 때 useEffect가 유용하게 사용된다.
  useEffect 밖에서 API의 값을 받아 setState에 넣으면 화면이 실행되자마자 값이 바뀌어서 리렌더 되고 또 값이 바뀌고가 반복된다.. 그래서 useEffect를 사용해야 한다. 그리고 useEffect에는 async를 붙일 수 없어서 useEffect 안에서 아무 함수나 만들어서 그 안에서 데이터를 받는 코드를 작성하고, 함수를 호출해서 사용했다.
  결과.data를 통해서 api로 요청한 값을 받을 수 있었다.
  이렇게 번거롭기 때문에 rest api를 많이 사용하게 된다면 react query를 설치해서 사용하는 것이 유용하다고 한다.

2. 같이 데이터베이스 구경해볼래? >> Database / ORM

• 웹 서비스 구조
• PostgreSQL
• DBeaver
• typeORM

  웹 서비스는 프론트, 백, 데이터베이스로 구성되어 있다. 데이터베이스와 백엔드를 연결하는 방식은 ORM, ODM이 있는데, ORM은 객체 형태(SQL), ODM은 컬렉션 형태(NoSQL)이다.
  node.js로 실행시킬 수 있다.

3. Node.js를 활용해서 백엔드 서버를 만들자! >> Node.js

Node.js는 자바스크립트를 실행하게 해주는 도구이다. (자바스크립트를 실행할 수 있는 공간: 브라우저, Node.js 프로그램)

self-study

• 포트폴리오에 open-api 활용한 서브메뉴 만들기
• 백엔드 서버 세팅하기