목록Front-End (2)
JOYLOG
CORS 이슈 Cross-Origin Resource Sharing (보안을 위한 정책) 원인 : request 보내는 client 와 response 보내는 server가 다른 포트를 가지고 있다면, CORS 정책에 막혀짐 해결 : 다양한 방법이 있는데, 그 중 하나는 Proxy 사용 (https://create-react-app.dev/docs/proxying-api-requests-in-development#configuring-the-proxy-manually) Proxy? : 유저와 인터넷 사이에 Proxy Server가 있다. : IP를 Proxy Server에서 임의로 바꿔, 인터넷에서는 접근하는 사람의 IP를 모르게 된다. 데이터 또한 임의로 바꿀 수 있다. 방화벽 기능 2. 웹 필터 기능..
[ReactJS] React란? (Virtual DOM, npm과 npx, 구조, React Router DOM, Data Flow)
Recat JS facebook 에서 2013 년에 발표한 library 컴포넌트로 이루어져 있어 재사용성이 뛰어남 Virtual DOM Real DOM? Virtual Dom? 이 무엇인가. 10개의 리스트가 있을 때, 그 중 하나의 리스트가 Update 되었다. Real DOM : 전체 리스트를 다시 Reload 해야하므로, 많은 비용 발생 Virtual DOM : 바뀐 한 가지 아이템만 DOM에서 바꿔 줌. Virtual Dom은 어떻게 한 가지 아이템만 DOM에서 바꿀 수 있을까? JSX 를 랜더링한다. (Virtual DOM 이 Update) 이전 Virtual DOM과 비교해 바뀐 부분을 찾는다. ( = diffing) 바뀐 부분만 Real DOM에서 바꿔준다. npx 활용하여 React Ap..