1. 리액트란?

• 리액트는 자바스크립트 라이브러리 입니다.
• 구조가 MVC, MVVM과 같은 다른 프레임워크등과는 다르게 오직 View만 처리하는 라이브러리 입니다.

SPA란?

• Single Page Application의 줄임말 입니다.
• index.html하나만 로드하고 실행시키는 구조입니다.

어떻게?

• 번들러(Webpack)가 이 모든것을 해줍니다.
• Webpack이란 어플리케이션을 동작시키는데 필요한 자원(JS파일들, CSS, Image 등)을 하나로 묶어서 조합하여 경량화 하여 결과물을 만들어 주는 도구입니다.
• 번들러는 node.JS를 통해 직접 설정 할 수 있지만, 리액트 프로젝트를 생성시 자동으로 포함됩니다.

DOM (Document Object Model) 이란?

• HTML을 이해하기 쉽도록 트리 구조로 만들어진 태그(객체)들 입니다.