React - Intro (소개) - 작동 방식 + 역사

1. React 소개
2. React 작동 방식 ★
3. React 연혁

React 소개

 

프런트엔드 JS 프레임워크 일종

 

---

 PS.

• Facebook이 만든 JS 라이브러리
• UI (User Interface : 사용자 위한 화면) 구축 위한 도구.

 

React 작동 방식 ★

1. React는 메모리에 VIRTUAL DOM (가상 돔)을 생성.

브라우저의 DOM을 직접 조작하는 대신, React는 브라우저 DOM을 변경하기 전에 필요한 모든 조작을 수행하는 가상 DOM을 메모리에 생성함.

 

---

2. React는 변경이 필요한 것만 변경.

React는 변경 사항 알아내서 변경할 부분만 변경함.

 

---

3. JSX 작성 후, JS코드로 변환.

 

JS가 아닌 JSX를 작성해야하고, 

JSX를 브라우저가 읽을수 있도록 JS코드로 변환 필요.

 

React 연혁

 

• 현재 버전 : V18.0.0 (2022년 4월 기준).
• 최초 공개 :  V0.3.0 (2013년 7월).
• 최초 적용 : 2011년, Facebook의 뉴스 피드.
• 개발자 명 : Jordan Walke (Facebook 소프트웨어 엔지니어)
• create-react-app 현재 버전: v5.0.1 (2022년 4월 기준)
• create-react-app에는 webpack, Babel, ESLint 등이 포함되어 있음.