Day 18) 1. CORS? 이것 때문에 짜증나 죽겠네 => CORS 2. Graphql-API가 이렇게 쉽게 만들어지다니! => Grapthql/ Apollo-Server 3. 백엔드 개발자가 없을땐 이걸 써봐! => Firebase/ BAAS

BAAS : Backend as a service

1교시 포트폴리오 리뷰

맵을 이용하면 onClick이벤트도 하나만 주면 되고 새로 추가 할때도 한줄만 추가 하면 페이지 이동까지 할 수 있다.

useState 타입 주는 방법

타입을 안써주면 number 로 타입추론을 하지만, or를 사용하여 number 와 string 둘다 사용가능 하도록 한다.

map 과 forEach의 차이점
반복은 되지만 map은 반복을 하고 결과를 돌려주고
forEach는 결과를 돌려주지 않는다.

결과를 받고 그 이상의 작업이 없다면 forEach를 쓰는 것이 더 적합하다.

스프레드 연산자 쓰는 이유
setImgUrls 에 그 전 데이터를 모두 받아 오기 위해서

이렇게 되면 계속 새로운 강아지만 들어간다.

스프레드를 쓰지 않으면 강아지 그전 이미지에 현재 이미지 만 들어오게 돼서 오류가 난다.

CORS: cross origin resourcs sharing

브라우저에서 다른 백엔드를 불러 올 때 cors가 허용이면 받아 올 수 있지만, 허용되지 않으면 받아 올 수 없다.
받아 올려면 해당 백엔드에서 cors를 true 하도록 해야한다.
실질적으로 cors 를 막는 것은 브라우저가 막는다.
따라서 모바일이나 다른 백엔드에서의 요청은 허용된다.
브라우저의 보안 문제 때문에 막아둠

요청을 받기 위해선 백엔드를 만들어주고 요청을 받은 후 다시 브라우저에 준다. 백엔드를 우회해서 사용한다.
이것을 프록시서버라고 한다.

2교시

apolloServer 에서 타입과 함수를 입력을 해준다.

3교시

파이어베이스