[TIL] 23/11/13 React 숙련: React 개념정리, 개인과제 ing

TIL

jsx 란 무엇인가요 ?

javascript를 확장한 문법으로, javascript의 모든 기능을 사용할 수 있고, 동시에 html과 유사한 React Element를 생성해 UI를 구성할 수 있다.

 

SPA와 MPA 의 개념 및 각각의 특징

Single Page Aplication :
하나의 html 페이지로 구성 된 어플리케이션.

서버로 부터 한번만 페이지를 로딩하며, 부분 렌더링 방식으로 화면 업데이트.

필요한 부분만 업데이트 하므로 빠른 상호작용, 대신 초기 로딩 시간이 김.

(클라이언트 사이드 렌더링,  CSR)

- react, vue, angular 프레임워크 에서 적용

-SEO 최적화가 어렵다.

 

Multi Page Aplication : 
두개 이상의 html 페이지로 구성 된 어플리케이션.

페이지 이동시 마다 서버로부터 새로운 html 페이지를 받아오는 방식.
(서버사이드 렌더링,SSR, 화면이 수정이 필요할 때마다 새로운 html을 받아옴, 리로드, 화면 깜빡임, 느림)

- SEO 최적화 유리.

 

대표적인 자바스크립트 런타임 환경 2가지

브라우저 , Node.js

자바스크립트는 웹 브라우저에서만 실행되도록 설계되었지만, Node.js는 이를 서버 측에서도 사용할 수 있게 확장

 

export와 export default의 차이

export

-여러 값 내보낼 때, 명명된 내보내기, 받는 쪽에서 필요한 것만 선택적으로 가져올 수 있음

 

export default

- 한가지 값만 내보낼 때, 무명 내보내기 (받는 쪽에서 아무 이름 사용 가능)

 

 

할 일 / 부족한 점

과제 오늘까지 1차 다 하기 (prop drilling)