[study] CORS , REST API

hong·2021년 11월 2일

조사

목록 보기
10/15

https://www.youtube.com/watch?v=bW31xiNB8Nc

-CORS : 교차 출처 자원 공유 방식
-다른 출처간에 리소스를 공유할 수 있도록 하는 것
출처 : 보내고 받는 각각의 위치 ㅡ 웹사이트, API 주소
리소스 : 주고받아지는 데이터

-충족되어야 할 조건 : 요청을 받는 백엔드쪽에서 허락할 다를 출처들을 미리 명시해 두면 된다. 백엔드 서버 프레임워크들의 문서 참고할 것

-다른 출처끼리의 요청이 보내질때는 요청에 origin이라는 header를 추가
(header : 데이터가 다른 곳으로 전송될 때 데이터의 맨 앞쪽에 붙는 보충 정보. 받는 쪽의 IP주소, 사용할 프로토콜이나 옵션등이 담긴다.
header의 origin에는 요청하는 쪽의 scheme(요청할 자원에 접근할 방법/ http, ftp, telnet등..프로토콜)과 도메인, 포터가 담긴다.)

-토큰 등 사용자 식별 정보가 담긴 요청에 대해서는 보다 엄격하다.
보내는 측: 요청의 옵션에 credentials 항목을 true로 세팅
받는 측 : 와일드카드가 아니라 보내는 쪽의 출처 - 웹페이지 주소를 정확히 명시한 다음 Access-Control-Allow-Credentials 항목을 true로 맞춤

  • simple request : GET이나 POST 등 일정 조건의 요청들에 사용되는 것. 요청들을 모두 보내지만 통과를 못하면 답장만 받아옴
    preflight request : PUT 이나 DELETE 등 이와 다른 요청들은 본 요청을 보내기 전에 Preflight 요청을 먼저 보내서 본 요청이 안전한지 확인한 후 요청을 보낼 수 있다

https://www.youtube.com/watch?v=iOueE9AXDQQ

API(Application Programming Interface) : 소프트웨어가 다른 소프트웨어로부터 지정된 형식으로 요청, 명령을 받을 수 있는 수단

REST API : 정보들이 주고받아지는 데 있어서 널리 쓰이는 형식. (기술에 구애받지 않는다)
각 요청이 어떤 동작이나 정보를 위한 것인지를 그 요청의 모습 자체로 추론할 수 있다.
HTTP 규약에 따라 신호를 전송한다. GET/POST/DELETE/PUT/PATCH 사용. POST, PUT, PATCH에는 body가 있어서 정보들을 GET이나 DELETE보다 많이, 안전하게 보낼 수 있다.

METHOD
GET : 데이터를 READ, 조회하는데 사용
POST : Create , 새로운 정보를 추가하는데 사용
PUT : 정보를 통째로 갈아끼울 때 사용
PATECH : 정보중 일부를 특정 방식으로 변경할 때 사용
DELETE : 삭제

profile
프론트엔드 개발을 하고 있습니다 ⌨️

0개의 댓글