Node+React [React(3)]

라우팅

페이지 이동시 React Router Dom 사용.

npm install react-router-dom --save

Data 흐름

client => Request

server는 요청을 받고 db에 있는 정보와 맞는지 확인. 확인 후 response 보냄. 맞는지 틀리는지.

Request 를 보낼 때 axios 사용.

npm install axios

Proxy

두 개의 포트가 다르면 Request를 보낼 수 없다.
이를 해결하기 위해 Proxy 사용.

클라이언트 서버 둘이서 주고 받음(원래는)
=>가운데에 프록시 서버가 들어감.

가운데에서 ip를 바꿀 수 있고, 데이터도 임시로 바꿔줄 수 있다.

• 데이터를 확인할 때 인터넷까지 안 가도 프록시 서버에 저장되어 있는 데이터를 확인할 수 있음
• 더 나은 보안.
• 방화벽, 필터, 데이터 제공 기능.

Concurrently

여러개의 Commands를 동시에 작동

백, 프론트 서버를 동시에 On

 npm install concurrently

Redux

상태 관리 라이브러리 .

Redux, State, Props 는 다음 포스팅에서 ..