티끌모아 태산

React App 예전에는 리액트 앱을 처음 실행하기 위해서는 webpack이나 babel같은 것을 설정하기 위해서 많은 시간이 소비 됐다. 하지만 최근에는 create-react-app Command로 바로 시작할 수 있다. 이 create-react-app 명령어는 위 웹팩과 바벨 설정을 자동으로 해준다. *Babel은 최신 자바스크립트 문법을 지원하지 않는 브라우저들을 위해서 최신 자바스크립트 문법을 구형 브라우저에서도 돌 수 있게 변환 시켜줌. *webpack is a static module bunder for modern JS applications. 리액트 앱을 설치하고 싶은 Directory로 이동해서 터미널에 npm create-react app . 을 실행 시켜준다. npx create..

React JS란 페이스북에서 만들어진 라이브러리 Components modules과 비슷하게 컴포넌트로 이뤄줘 있어서 reusable 이 뛰어남. Virtual DOM JSX(우선 HTML으로 알아두기)을 렌더링 한다. 그러면 Virtual DOM이 업데이트가 됨. Virtual DOM이 이전 Virtual DOM에서 찍어둔 Snapshot과 비교를 해서 바뀐 부분을 찾는다. 이 과정을 "difing"이라고 부름. 그 바뀐 부분만 Real DOM에서 바꿔준다. 즉 전체를 Reload할 필요가 없다. *Virtual DOM을 사용하지 않고 Real DOM을 바로 사용할 경우, 어떤 부분을 업데이트 하면 전체를 Reload 해줘야 했기 때문에 느리다는 단점이 있었다. 하지만 Virtual DOM을 사용할 ..