[React]

JSX : JavaScript를 확장한 문법

JavaScript 문법과 HTML 문법을 동시에 이용해 기능과 구조를 한눈에 확인할 수 있다.

• 하나의 엘리먼트 안에 모든 엘리먼트가 포함
  최상위에서 opening tag와 closing tag로 감싸주어야 합니다.

• 에리먼트 클래스 사용 시 className으로 표기

• JavaScript 표현식 사용 시 중괄호 사용

• 사용자 정의 컴포넌트는 대문자로 시작

• 조건부 렌더링 시 삼항연산자 사용

• 여러 개의 HTML 엘리먼트를 표시할 때는 "map()" 함수를 사용
  map 함수를 사용할 때는 반드시 "key" JSX 속성을 넣어야 합니다.

SPA(Single-Page Application)

서버로부터 완전히 새로운 페이지를 불러오는 것이 아니라,
화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트

• 장점 :
  사용자의 행동에 빠르게 반응.
  서버 과부화 문제 줄어듬.
  더 나은 유저 경험 제공.
• 단점 :
  spa의 경우 자바스크립트 파일 크기 큼 => 첫 화면 로딩 시간 김.
  검색 엔진 최적화가 좋지 않다.

React Router

라우팅(Routing) : 다른 주소에 따라 다른 뷰를 보여주는 과정을 "경로에 따라 변경한다."라는 의미