리액트(React)

리액트(React)

-> 자바 스크립트 라이브러리로, 사용자 인터페이스(UI)를 구축하기 위해 사용(페이스북 제공)

특징

1. 컴포넌트(component) 기반 구조
   : 독립적이고, 재사용 가능한 코드 조각으로 여러 컴포넌트를 조합하여 크고 복잡한
   사용자 인터페이스를 만들 수 있다.

2. 가상 DOM(Virtual DOM) (Document Object Model)
   : 상태가 변경되면 실제 DOM에 변경을 적용하기 전에 가상DOM에 먼저 변경을 적용하고,
   이를 실제 DOM과 비교하여 필요한 부분만 업데이트 하는 방식 -> 성능이 향상됨

3. JSX(JavaScript Xml)
   : JSX는 자바스크립트와 HTML을 결합한 문법, UI를 정의할 때 직관적이고 읽기 쉽게 만들어줌
   : JSX는 브라우저가 이해할 수 있는 자바스크립트 코드로 변환

(ex)

<h1>Hello, world</h1>

위의 코드를 만든다면?

(JS)

const h1 = document.createElement("h1");
h1.innerText = "Hello, world!"
body.append(h1);

(JSX)

const element = <h1>Hello, world!</h1>;
return (
	{element}
)

Bash는 Unix 기반 시스템의 셀이므로 npm과 yarn을 설치 및 이용하는데 효율적임