React 기초 정리

 

React란?

: 웹사이트의 화면(UI)을 만들기 위한 JavaScript 라이브러리 

보통 Next.ks, TypeScript, Reducx/ Zustand, Tailwind CSS와 같은 것들과 같이 사용 됨. 

 

React 특징

1. 컴포넌트 구조

부품처럼 쪼개서 개발이 가능함 (예를 들어 App에도 header, sidebar, postlist, comment등을 나눠서 만들 수 있음)

2. 상태 관리

데이터가 바뀌면 자동으로 화면이 업데이트 됨 

3. Virtual DOM 

속도가 빠름. 수정하면 화면 전체를 다시 그리는게 아니라 변한 부분만 다시 그려 성능이 빠름.

 

function App() {
	return (
    	<div>
        <h1> Hello </h1>
        <button> Click </button>
       </div>
    ); }

=> Javascript + JSX 

 

 

"npm start"

npm이란?