http _ middleware의 기능; CORS왜 씀?

 

 

             1. RESTful API                                                                  

              2. Script; 스크립트언어 : server side / client side               

              3. middleware                                                                  

              4. CORS                                                                            

 

 

---

 

 

    1. RESTful API    

 

HTTP에서 기존의 자원을 조회, 생성, 갱신, 삭제 하는 때

>> get, post,put 또는 patch, delete를 사용함.

 

위 과정을 쉽게 수행할 수 있도록 아키텍처를 설계한 것은 RESTful한 것이라고 함.

Representational State Transfer; 

 

  ~ 별도의 전송 계층이 없이 전송하는 간단한 인터페이서라고 함 ~

 

 

---

 

 

 

 

 

    2. Script; 스크립트언어 : server side / client side    

 

클라이언트와 서버.

대략 클라이언트가 먼저 >> 서버에게 request 하여  >> 필요 서비스를 지원;response받을텐데,

 

이 request와 response 중간에서 여러가지 서버들과 중간 매개체기능을 하는 언어가 있음.

 

그 것들이 합을 이루어 중간매개체 역할을 톡톡히 수행하는 것.

 

 

 

 

스크립트 언어, 서버 사이드, 클라이언트 사이드와 같은 단어들 개념이 궁금해질 수 있다.

 

■ 스크립트 언어 : javascript, python 등의 언어가 스크립트 언어로 사용되며,

응용sw가 만들어진 것들이 잘 동작할 수 있도록 

클라이언트 측 사용자의 사용에 대해 적합하게 반응해 주는 역할을 수행한다.

 

■  서버 / 클라이언트 사이드 : 서버사이드는 서버쪽에서 최종유저의 움직임을 지원함. 초기에는 한번에 리소스를 클라이언트 측에 다 불러오기 때문에 초기 속도가 빠름? 같은 장점이 있다고 함.

 

 

 

클라이언트 사이드는 클라이언트 측에서 

통상적으로 frontEnd업무자들이 CSS를 동적으로 구현하는데 사용하는 javascript 코드가 이런 역할을 수행하는 것인데

클라이언트 측에서 필요한 것만 그 때 그때 리소스가 티키타카하여 사용되는 것이 이점이라고 한다.

 

 

---

 

 

    3. middleware    

 

클라이언트 - 서버가 프로토콜을 통해 상호작용(데이터를 교환)을 하는데 있어서

서버측에서는 서버 내의 인프라 측면에서 보았을 때 middleware라는 것이 필요하게 됨.

매끄러운 처리과정에 이 것의 기능은 필수적이지 않을까 싶음.

 

 

 

 

---

    4. CORS    

__ cf. 동일 출처 정책

 

그렇다면, CORS는 왜 씀?

 

교차 출처 자원 공유를 통해 사용자들이 불편감을 느끼지 않도록 돕는 것.

제한된 자원;리소스;를 다른 도메인으로부터 .. 이미지, 스크립트, iframe, 동영상들과 들을 통하여

자유롭게 임베딩할 수 있음.

 

"교차 출처 허용을 허용하는 것이 안전한가 판별 << 브라우저-서버 동신하는 하나의 방법을 정의 : CORS"

"CORS는 domain01서버(앱이 실행되는 백엔드 서버)가 domain02 서버(전자와 다른 서버)의

HTTP요청에 응답할 수 있다고 알림"

 

 

Cross Origin Resource Sharing; 

클라이언트가 필요한 CSS 나 그림그리기;drawImage()  등을 할 때를 포함한 몇가지 사항들이 이루어질 때

CORS가 작동하는 것이라고 이해함. 

사실 이걸론 불충분한 설명인거 같고.. 아래 위키에서 잘 설명해주고 있으니 링크타고 들어가보시길 ㅎㅎ

 

 

 

출처 : https://requestly.com/blog/what-is-cors-and-how-to-bypass-it/

이미지 클릭 시 들어가는 곳과 출처 페이지는 다릅니다.