리액트 props

 

데이터는 페이지의 주인(App.js에서 패치)

 

데이터를 리턴해주는 서버 (REST API) 

 

App.js는 state를 가지고 있다

state는 컴포넌트와 바인딩이 되어있다

그래서 state가 변경되면 다시 렌더링 된다

 

App.js가 자식들에게 던져주는 데이터가 props

props의 장점은 어떤것을 던져줘도 오브젝트로 받을 수 있는 점

자식은 부모에게 props를 못 던진다

자식이 state를 변경하려면 state자체를 자식에게 넘겨줘야한다

데이터는 단방향 (부모 -> 자식) 으로 던져줄 수 있다 -> 이것이 props

 

클래스로 컴포넌트를 만드는 이유 - 생명주기를 이해하기 위함

 

 

 

 

 

 

 

 

 

jsx 문법

 

 

 

 

 

 

 

 

----

map은 스택을 가지고 있다

 

 

 

 

 

 

 

 

 

 

blog.naver.com/getinthere/222032363956

2. React State+Props API 다운로드 예제

 

 

CORS 정책

리소스를 공유할 때 같은 도메인만 공유할 수 있도록 하는 것

스프링에서 @CrossOrigin을 사용하면 CORS 정책을 사용하지 않겠다는 것

 

 

---------------

 

https://medium.com/humanscape-tech/react-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EC%83%9D%EB%AA%85%EC%A3%BC%EA%B8%B0-c7f45ef2d0be

React 컴포넌트 생명주기

 

 

-------

 

fetch이해

 

 

 

다운을 받기 전에 넣어줘서 대기중이 된 상태

 

 

 

 

 

 

자바스크립트 오브젝트