[Nomadcoders] beginners: 2. The Basics of React

[DaehunGwak]

배운 개념

• dependencies

  • react: Engine, Interactive UI 제공 등등

  • react-dom: react element 들을 HTML 에 주입하는 역할

  • babel: javascript compiler for current and older browsers

  • https://babeljs.io/setup#installation

  • 여기에서는 JSX 문법 지원을 위해 사용

  • JSX: Javascript extension

  • https://ko.legacy.reactjs.org/docs/introducing-jsx.html

  • 별도로 html 과 js 를 분리시키는게 아닌 리액트 컴포넌트화 하여 js 내부에서 모든걸 해결하여 응집도를 높이는 방식

  • React.createElement 대체 라고 이해했지만...

    • 아래 문서를 보니 이젠 JSX 와 React 를 decoupling 했다고 함
    • https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html#whats-a-jsx-transform
    • react 패키지 인스톨하면 자동적으로 같이 오는 babel plugin 기본 값들 살펴보니 아래를 발견

  • 관련 영상: https://www.youtube.com/watch?v=x7cQ3mrcKaY