React 개요

React란?

React는 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 라이브러리이다. 리액트를 사용하는 가장 큰 이유 중 하나는 UI를 자동으로 업데이트해준다는 점이다.


데이터 기반의 선언적 개발이 가능해지며, 자동으로 UI를 업데이트하는 과정에서 Virtual DOM(가상 돔)을 통해 최적화된 업데이트를 할 수 있다.


또한 재활용 가능한 UI 구성 단위인, Component(컴포넌트) 기반의 개발을 통해 복잡한 UI를 효과적으로 구성할 수 있으며 JSX 문법으로 컴포넌트를 편리하게 작성할 수 있다.

한 줄 요약 - 관리하기 편해서 쓴다..!

컴포넌트 종류 2가지

클래스 컴포넌트 :

import React from 'react';

class App extends React.Component {
  render() {
    return <h1>This is Class Component!</h1>;
  }
}

export default App;

함수 컴포넌트 :

import React from 'react'

const App = () => {
  return <h1>This is Function Component!</h1>;
};

export default App;

함수 컴포넌트를 주로 쓴다.

컴포넌트 주의사항 : 항상 첫 글자는 대문자로 작성한다!

Node.js는 자바스크립트가 브라우저 밖에서도 동작하게 하는 자바스크립트 실행환경이다.