React

• 참고 링크
  기본개념, CRA없이 셋팅하기
  문법 튜토리얼

선언형

React는 상호작용이 많은 UI를 만들 때 생기는 어려움을 줄여줍니다. 애플리케이션의 각 상태에 대한 간단한 뷰만 설계하세요. 그럼 React는 데이터가 변경됨에 따라 적절한 컴포넌트만 효율적으로 갱신하고 렌더링합니다.

선언형 뷰는 코드를 예측 가능하고 디버그하기 쉽게 만들어 줍니다.

컴포넌트 기반

스스로 상태를 관리하는 캡슐화된 컴포넌트를 만드세요. 그리고 이를 조합해 복잡한 UI를 만들어보세요.

컴포넌트 로직은 템플릿이 아닌 JavaScript로 작성됩니다. 따라서 다양한 형식의 데이터를 앱 안에서 손쉽게 전달할 수 있고, DOM과는 별개로 상태를 관리할 수 있습니다.

컴포넌트

• React 모듈 단위,
• render() 메서드를 이용해 화면 구현, JSX 문법 사용
• 상위, 이전 컴포넌트에게 전달 받은 데이터 사용 : this.props.~
• render에 컴포넌트 호출
• constructor() : 생성자, 전달 받은 데이터/상태값 지정

class test extends React.Componet {
  constructor(props) {
    super(props);
    this.state = { seconds: 0 };
  }
  
  add = () => {
    return this.seconds + 1;
  }
  
  render(){
    return (
      <Compoent name={this.~} />
    );
  }
}