[노드/리액트 기초] #23~25. Proxy Server, Concurrently, CSS Framework

**본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 기초 강의를 참고하여 작성하였습니다.**

 

 

Proxy Server

유저와 인터넷이 있을 때,
유저가 무언가를 전송하면 proxy server에서 IP나 data를 임의로 바꿀 수도 있고(보안),
캐쉬를 이용해서 어떤 사이트의 static한 image 등을 저장해뒀다가
보려고 할때 굳이 인터넷까지 가지 않고 빠르게 볼 수 있도록 할 수 있고,
특정 사이트에 못 들어가도록 막을 수도 있다.

그 외에도 여러 가지 기능이 있다.

 

 

---

 

Concurrently

서버를 킬 때, 백엔드/프론트엔드 서버를 각각 일일이 켜야 했다.
(npm run backend / npm run start)

concurrently를 이용하면 둘 다 한 번에 켤 수 있다. 

package.json의 "scripts": 안에 아래 코드를 추가해주었다.

"dev": "concurrently \"npm run backend\" \"npm run start --prefix client\""

이제 npm run dev 명령어로 프론트와 백 서버를 켤 수 있다.

 

---

 

CSS Framework

 

Ant Design

https://ant.design/

장점: 디자인이 깔끔하다, 사용하기 편리하다
단점: 사이즈가 크다