SPA, MPA 와 React, JSX 문법, 컴포넌트 및 ECMA6 문법

1. SPA란 무엇인가 ?, MPA란 무엇인가?
   SPA

• single page application
• 하나의 페이지로 되어있는 어플리케이션
• 웹을 앱같이 해주는 프레임 워크
• react 포함
• back 단에서 ajax 통신을 통하여 구현한다

장점

• 개발을 한번만 해도 된다
• 데이터 소모가 적다
  단점
  • 검색엔진에 노출이 되지 않는다
• 이를 보완하기위해 SSR을 사용한다(검색엔진 최적화를 통해 노출)

MPA
multiple page application

• 페이지를 요청 할 때 마다 리소스를 요청한다
• 검색엔진이 잘 찾는다
• 부하가 심하다(1번으로 인해)
• UX가 SPA에 비해 떨어진다

2. React란 무엇인가 ?

• 리액트는 컴포넌트 화
• 가능한 쪼개서 개발
• 컴포넌트 기반
• 모듈화

3. JSX 문법이 무엇인가 ?

• HTML과 유사해 보이나 다른 문법
• HTML처럼 입력하면 우리가 HTML처럼 입력해줄게
• REACT에서 제공하는 문법
• 항상 태그가 닫혀야한다
• 셀프 클로징 < />
• 두개의 태그를 할 수없다 하나의 태그로 감싸서 사용해야한다
• 두개 이상의 태그를 사용할 경우 플래그먼트로 사용해야한다
• 중괄호로 감싸서 사용하면 자바스크립트를 사용할 수 있다

4. 컴포넌트가 무엇인지 ?

• 독립적 모듈

• 객체지향과 유사성이 있다

5. ECMA문법이 무엇인지

• 자바스크립트 표준안

• 생산성 향상 및 직관성 향상으로 인한 작업 효율 증대

6. ECMA6문법에 어떤것들이 있는지 훑어보기

• 변수 선언(let, const)

• 템플릿 리터럴 => 표현식 변화(필요할 때 찾으면서 사용하면 될듯하다)

• 화살표 함수 => 함수의 단순화 및 간결화

• export & import => 자연스럽게 사용하고 있었는데 추가된 문법 / 사용법이 여러가지가 있다