MPA vs SPA 🔸MPA > **Mult page application의 약자로 여러 페이지로 구성된 웹 어플리케이션입니다.사용자의 클릭과 같이 인터렉션이 발생할 때마다 서버로부터 새로운 html을 받아와서 해당 링크로 이동하여 페이지 전체를 새로 렌더링하는 전통적인 웹 페이지 구성 방식입니다.** 🔸SPA > **Single Page Application의 약자로 하나의 페이지로 구성된 웹 어플리케이션 입니다. 브라우저에 최초에 한번 페이지 전체를 로드하고, 이후부터는 특정 부분만 Ajax를 통해 데이터를 바인딩하는 방식입니다. 단일 페이지 어플리케이션(SPA)는 현재 웹개발의 트랜드로 볼 수 있고, 우리가 배운 react와 vue, 앵귤러와 같은 자바스크립트 프레임워크등이 spa의 방식을 가지고 있습니다.** ![](https://velog.velcdn.com/images/kminu0819/post/f14b2b69-5871-49f3-87d7

상당수 이벤트는 발생 즉시 브라우저에 의해 특정 동작을 자동으로 수행합니다. >#### 링크를 클릭하면 해당 URL로 이동합니다. >#### 폼 전송 버튼을 클릭하면 서버에 폼이 전송됩니다. 마우스 버튼을 누른 채로 글자 위에서 커서를 움직이면 글자가 선택됩니다. 브라우저 기본 동작 막기 브라우저 기본 동작을 취소할 수 있는 방법은 두 가지가 있습니다. >#### 첫 번째 방법은 event 객체를 사용하는 것입니다. 이때 event 객체에 구현된 event.preventDefault() 메서드를 사용합니다. >#### 핸들러가 addEventListener가 아닌 on를 사용해 할당되었다면 false를 반환하게 해 기본 동작을 막을 수도 있습니다. > 위의 HTML에선 링크를 클릭해도 해당 URL로 이동하지 않습니다.