React 03

React BootStrap

React에서 css 작업을 원활하게 도와주는 라이브러리 

- 일반 BootStrap은 상태값과 클래스를 사용하지만 React BootStrap은 function과 hooks를 사용한다

npm install react-bootstrap bootstrap
import 'bootstrap/dist/css/bootstrap.min.css';

---

React SOP

SOP(Same-Origin Policy)란 다른 출처*에서 가져온 리소스와 상호작용을 제한하는 보안 방식이며, 잠재적으로 해로울 수 있는 리소스를 제한함으로써 공격받을 수 있는 경로를 줄이기 위해 생겨났다. 

React CORS

CORS(Cross-Origin Resource Sharing)이란 추가적인 HTTP 헤더를 사용하여, 다른 출처*의 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려 주는 체제이다.
즉, SOP에 의해 막혔던 다른 출처의 리소스가 CORS를 사용하면 접근할 수 있다는 것. 

* 출처 : 프로토콜, 호스트, 포트 조합으로 되어 있으며 이 중 하나라도 다를 경우 동일 출처로 보지 않는다

 

 

참고

https://velog.io/@yeyo0x0/CORS-SOP

https://velog.io/@brgndy/React-bootstrap-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0