SPA(Single Page Application)

• 하나의 페이지로 웹을 구현
• Body 테그 내부에 동적으로 Content를 구현

Script Language

• run time에 코드가 해석되고 실행 된다.

React 개념

• 자바스크립트 기반 UI 라이브러리
• 장점
  • 빠른 업데이트, 렌더링 속도
  • Virtual DOM(가상 DOM)
  • Component-Based : 컴포넌트를 조립하여 구현
  • 재사용성(Reusability) : 다른 모듈과의 의존성을 낮춤
  • Meta가 만들었음, 커뮤니티 많음
  • 모바일앱 개발 가능
• 단점
  • 방대한 학습량

프레임워크 vs 라이브러리

• 프레임워크 : 제어권한이 프레임워크에게 있음
• 라이브러리 : 제어권한이 사용자에게 있음

create-react-app

• 리엑트로 웹어플리케이션을 만들때 필요한 기능을 지원해주는 도구

JSX 개념(A syntax extension to JavaScript)

• JavaScript + XML/HTML
• 자바스크립트 확장 문법
• 내부적으로 XML/HTML 을 자바스크립트로 변환

JSX 장점

• 단순하며, 가독성이 높음