리액트의 특징

1. 가상 돔

 

2. 단방향 데이터 바인딩

 

3. JSX : 자바스크립트와 HTML을 동시에 사용하며, HTML에 자바스크립트 변수들을 바로 사용할 수 있는 일종의 템플릿 언어

const App = () => {
   const hellp = 'Hello World';
   return <div>{hello}{/div>;
}

 

4. 선언형 프로그래밍

// 명령형 프로그래밍
const double = (arr) => {
   let result = [];
   for (let i =0; i< ar..length; i++){
      result.push(arra[i]*2);
   }
   return results;
}

// 선언형 프로그래밍
const double = (arr) => {
   result arr.map((elem) => elem *2);
}

 

 

JSX 조합

const arr = [1,2,3,4,5];
return (
   <ul>
      {
         arr.map((elem) => (
            <li>{elem}</li>
         ))
      }
      </ul>
);

 

5. 컴포넌트 기반

const Title = () => {
   return <h1>Hello</h1>;
};

const Button = () => {
   return <button>This is a Button</button>;
};