REACT

[React] 01. React

송우든 2020. 11. 4. 15:32
728x90

# React와 React 특징

React란, 페이스북에서 제공하는 프론트엔드 라이브러리로, 사용자 인터페이스(UI)를 구축하는데 사용됩니다. React는 컴포넌트 기반 라이브러리로 재사용이 가능하며, 이로 인해 사용자 인터페이스를 좀 더 빠르고 효율적으로 구축할 수 있습니다.

 

또한, React는 state 또는 props를 사용하여 데이터 저장 및 처리 작업을 간단히 할 수 있습니다.

✓ state는 동적인 데이터를 다룰 때 사용합니다.

✓ props는 부모 컴포넌트에서 자식 컴포넌트로 전달해주는 데이터를 말합니다.

 

React에는 virtual DOM을 만들어 새롭게 변경된 부분만을 DOM에 반영하여 앱에 속도와 효율성을 높일 수 있습니다.

✓ virtual DOM은 Document Object Model을 말합니다.

 

# JSX : JavaScript + XML

JSX는 자바스크립트에 확장 구문으로, React에 요소를 제공해줍니다.

다음과 같은 React 코드에서 <h1>는 HTML이 아닌 JSX입니다. JSX를 사용하면 HTML, XML과 유사한 태그를 만들고 사용할 수 있습니다.

ReactDOM.render(
  <h1>Hello world!!</h1>,
  document.getElementById('root')
);

JSX를 사용할 때 몇가지 주의해야할 점이 있습니다.

  • 태그가 비어 있다면 xml처럼 />를 이용해 닫아주어야 합니다.
  • React Dom은 HTML 어트리뷰트 이름 대신 camelCase 프로퍼티 명명 규칙을 사용합니다.

 

 

 

 

 

 

 

 

참고 ) 리엑트 공식문서 : ko.reactjs.org/

728x90