컴포넌트
이런식으로 컴포넌트를 나눠서 개발하게 되면 재활용할 수 있다는 장점이 있다.
가상 DOM
DOM: 브라우저에서 최종적으로 화면에 그려주는 HTML 결과물을 의미한다.
DOM을 조작할 때 javascript를 사용하는데, 더 편하게 조작하기 위해 jQuery라는 기술을 사용한다.
그러나! DOM 조작이 잦고 복잡한 상호작용이 있는 경우에 jQuery만으로도 한계가 있기 때문에 가상 DOM 기술을 통해 더 빠르고 쉽게 DOM을 조작한다.
가상 DOM: 가상으로 DOM 계산을 빠르게 수행해서 최종적인 결과만 실제 DOM에 전달해준다.
-> 연산되는 양 줄이고 성능 개선
빌드
React를 사용하면 자바스크립트 위주로 화면을 작성하게 될 것이다. 하지만 결국엔 브라우저가 이해하는 HTML, CSS, JS 형태로 변환된다.
이를 가능하게 하는 건 React가 Webpack, Babel 빌드 도구를 사용하고 있기 때문이다.
다시태어나고싶어요