(React) React 란?

React 라이브러리

• Facebook에서 제공하는 FrontEnd 라이브러리
  • 사용자 인터페이스를 만들기 위해 사용
  • 동적인 UI를 쉽게 제작이 가능
• View를 위해서 제작
• yarn 패키지 매니저를 사용한다
  • React에 최적화 하기 위해 Facebook에서 만든 패키지 매니저
  • npm 패키지 매니저가 안되진 않는다
• Javascript와 HTML 문법을 js파일 하나에 함께 작성한다
  • JSX 파일에 작성하는 것(.jsx)
    • JSX : Javascript + XML의 약자로 JS를 확장한 문법이라고 쉽게 말할 수 있다
    • .ts, .tsx는 정확하게 지켜야 하지만, .js, .jsx는 큰 상관은 없다
• Component 기반 구조
  • React의 구조 단위를 뜻
  • 싱글페이지 react에서 여러 부분을 component화 하여 구성한다
    • 기능 단위 혹은 UI 단위로 캡슐화를 하여서 독립적인 component를 만든다
    • 코드관리가 쉽고 재활용하기에 용이하다
• Virtual DOM
  • React 상에서만 사용하는 랜더링에 바로 적용되지 않는 DOM이 존재한다
    • Virtual DOM(Document Object Model), 가상돔이라고 한다
    • 가상돔은 일반 변수인 let, var 등등의 변화를 감지하지 못한다
    • state의 변화를 감지하여 리랜더링을 실행한다
      • state라는 단위, 개념 등 component 내부에서 선언하는 값
      • 동적인 데이터를 다룰 때 사용하며 react 내에서 변경 시 리랜더링이 발생