### 함수형 컴포넌트

```javascript
import React from 'react';

function Hello(props) {
 return (
 <div>hello {props.name}</div>
 )
}
```

함수형 컴포넌트는 컴포넌트에서 라이프사이클, state 등의 기능을 제거한 상태이므로 메모리 사용량이 다른 컴포넌트에 비해 적다. 따라서 성능을 최적화 하기 위해서는 위와 같이 함수형 컴포넌트를 많이 쓰는 것이 좋다.

### 함수형 컴포넌트 ```javascript import React from 'react'; function Hello(props) { return ( <div>hello {props.name}</div> ) } ``` 함수형 컴포넌트는 컴포넌트에서 라이프사이클, state 등의 기능을 제거한 상태이므로 메모리 사용량이...

React 공부하기 8 - 함수형 컴포넌트

<h3 id="함수형-컴포넌트">함수형 컴포넌트</h3>
<pre class="language-javascript"><code class="language-javascript">import React from 'react';

function Hello(props) {
 return (
 &#x3C;div>hello {props.name}&#x3C;/div>
 )
}
</code></pre>
함수형 컴포넌트는 컴포넌트에서 라이프사이클, state 등의 기능을 제거한 상태이므로 메모리 사용량이 다른 컴포넌트에 비해 적다. 따라서 성능을 최적화 하기 위해서는 위와 같이 함수형 컴포넌트를 많이 쓰는 것이 좋다.