[도서]실전 리액트 프로그래밍(1)

choiuhana·2021년 9월 14일
0

Bable

React.createElement(component, props, ...children) => ReactElement
이러한 createElement 함수 형태를 jsx문법으로 사용하기 위해서는 Babel 컴파일러를 사용해야 한다.

용어 [preset(프리셋)]

👉 플러그인(자바스크립트 파일을 변환해 주는 작업의 단위)의 집합
ex)@bable/preset-react, 리액트 애플리케이션을 만들 때 필요한 플러그인 프리셋

webpack

자바스크립트로 만든 프로그램을 배포하기 좋은 형태로 묶어주는 툴

ESM(ES6 모듈 시스템)

👉 코드를 내보낼 때는 export키워드를 사용해야하고 받는쪽에서는 import, from 키워드를 사용해야 한다.
default는 한파일에서 한번만 사용해야 하며 default로 내보내진 코드는 괄호없이 받을 수 있으며 이름 또한 원하는대로 정의할 수 있다.
default없이 내보내진 코드는 괄호를 사용해 가져오며 내보내진 이름을 그대로 사용해야 하지만 as키워드를 사용해 이름을 변경할 수도 있다.

용어 [폴리필]

👉 실행 시점에 주입하고자 하는 객체나 함수가 현재 환경에 존재하는지 검사해서 존재하지 않는 경우에만 주입해 주는 용도.

몰랐던 몇가지..

  • css-module로 css를 작성할 수 있다.
  • 브라우저 히스토리 API를 통해 SPA를 구현할 수 있다.
profile
만드는 사람도 사용하는 사람도 편하고 만족하는 '것'을 추구하는 프론트엔드 개발자

0개의 댓글