리액트 개념

 

-메타에서 개발한 JS 라이브러리

 

-프론트엔드 쪽 라이브러리

  --> BackEnd 쪽은 Library로 설명하기에는 방대하기 때문에 FrameWork로는 NextJs가 유명하고 Java는 Spring이 있다.NET은 ASP.NET

 

-AngularJs, Vue.js과 더불어 3대장

 (단, Angular, Vue는 FrameWork 입니다. React는 Library)

   --> 공부하면서 프레임워크, 라이브러리, 컴포넌트 개념을 좀 정리를 해볼 필요성을 느낌.

   --> 너무 애매모호하게 사용하지 않았나 싶음. devextreme같은 경우 js 컴포넌트

 

-현 Meta (구 FaceBook)에서 개발한 라이브러리

 

-DOM과 VirtualDOM을 비교하여 변화(Mutation)된 부분을 VirtualDOM -> DOM에 반영함

-----------------------------------------------------------------------------------------------------------------------------------------------------------------

 

추가로 필요한 지식

 

-JS도 사용하지만 HTML을 표현할때 JSX 를 사용한다. 기존 JS에 XML 을 추가, 확장한 문법

 

-Babel  : 빠르게 변화하는 JS 언어를 컴파일 해주는 컴파일러

  --> ES5이하 ES6이상 에 따라 사용하는 문법이 다르기 때문에..

  --> 최신 문법 뿐 아니라 TypeScript나 JSX  코드 변환(React~~~~~~~~~~)에도 사용

 

-WebPack : JS 기반 모듈 번들러, 여러요소를 하나의 파일로 병합, 압축해주는 역할

-Vite : Webpack보다 빠름, Webpack보다 Library 적음