리액트 ref, SPA, MPA

1. 리액트에서는 DOM 요소에 접근하기 위해 주로 ref를 씁니다. domcument.getElementsByClassName 등을 쓰는 게 아니라 ref를 쓰는 이유는?

React에서 제공하는 가상DOM을 사용하게되면서 굳이 실제DOM에 직접 접근할 상황이 필요하지 않았기 때문이다. React에서는 실제DOM을 직접 건드리는 DOM Selector들을 자주 사용하는 것을 지양하라고 제안한다.
React에서 document.querySelector를 사용하게되면, 실제 DOM의 요소를 가져오게 된다. 하지만 React는 가상DOM을 통해 실제DOM을 그리기 때문에, React가 제어하고있는 가상 DOM 안에 있는 요소가 더 신뢰할만하다.

2. SPA 방식과 MPA 방식은 무엇인가요?

SPA(Single Page Application)는 한 개의 페이지로 구성된 애플리케이션이고,
MPA(Multi Page Application)는 여러 개의 페이지로 구성된 애플리케이션이다.
싱글 페이지 애플리케이션(single-page application, SPA, 스파)은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다. 멀티페이지 애플리케이션(Multi-Page Application)은 예전의 방식대로 동작한다. 예를 들어, 브라우저에서 변경사항이 있을 때 서버로 서브밋 데이터를 전달하여 새로운 페이지 렌더링을 요청하고 그 데이터를 표시한다.