[React] React에 대한 짧은 개요

1. react 

 1). 사용자 인터페이스 구축을 위한 자바스크립트 라이브러리 

 

2. 왜 react를 쓰는걸까?

1). Js VS React

(1). Js

- 명령형 코드 - 거쳐야 할 단계를 정의 

(2). React

- 선언형 코드 - 목표로 하는 UI 상태를 정의

- 자바스크립트로 UI를 업데이트 

- 만든 컴포넌트를 재사용할 수 있어 js 에 비해 상대적으로 코드의 양이 적음

 

2. React 프로젝트의 초기 설정이 필요한 이유 

1). 리액트 코드는 브라우저가 인식하지 못함. 

(1).  jsx코드를 js로 변환시키는 작업이 필요함 -> 그렇기 때문에 js와 달리 간단하게 사용할 수 없음. 

(2) . 또한 리액트 코드를 최적화 시켜야 함 ex) 변수, 함수 이름 최소화, 과도한 여백 줄이기,

 -> 웹사이트 방문자가 받아야 하는 코드를 최소화 시켜 웹사이트 성능 향상 

 -> 이러한 이유로 Vite와 같은 별도 도구를 추가 리액트 작업물을 생성 > 브라우저에서 효율적으로 실행될 수 있도록