리액트2 React 개념 : class component 리액트에는 State 라는 기능이있다. State 는 앱 실행중 변화가능성이있는 동적데이터를 다룰때 사용한다. 그런데 State는 이전까지 이용한 함수형 컴포넌트에서 사용을 하지못한다. 따라서 클래스형 컴포넌트를 이용해야한다. 그렇다면 클래스형 컴포넌트는 함수형 컴포넌트랑 어떤점이 다를까? 가장큰 차이점은 reder 함수를 통하여 JSX 를 반환한다. import React from 'react'; class App extends React.Component{ state = { } render () { return (Hello!! {this.state.number}); }; } export default App; 위는 기본적인 클래스형 컴포넌트의 모습이다. 컴포넌트 클래스를이용하기위해선 React.Com.. 2021. 3. 2. React 개념 : 컴포넌트 (Component) 컴포넌트란 (Component) ? - 리액트에서 기능을 나눌때의 최소 단위이다. - 리액트는 컴포넌트와 함께 동작하고, 리액트 앱은 모두 컴포넌트로 구성된다. 컴포넌트는 JSX 라는 문법을 사용해서 만들어지는데 이는 HTML + javascript 언어를 조합한 언어이다. 리액트는 과 같은 표시를 컴포넌트로 인식하고, 그 컴포넌트가 반환하는 값을 화면에 그려준다. 다음은 index.js 에서 APP 컴포넌트를 사용하는 코드이다. import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render(,document.getElementById('root')); 여기서 추가적으로 컴포넌트를 추가.. 2021. 2. 27. 이전 1 다음
