React #2

Component

컴포넌트? UI를 구성하는 기본 단위

• 코드 재활용 증가
• 코드 유지보수 용이
• 해당 페이지의 구성 파악 용이
• 컴포넌트는 또다른 컴포넌트 포함

1.함수형 컴포넌트 (현업에서 더 많이 사용하는 추세)

import React from 'react'
const Component () => {
  return (
    <div> 
    <h1>이것이 컴포넌트</h1>
    </div>
  )
}

export default ReactComponenr

2.클래스형 컴포넌트 (직관적) ✔️
render함수가 꼭 있어야 하고 그 안에 JSX 넣음

import React from 'react'

class Component extends React.Component {
  render() {
    return (
      <div> 
      	<h1>이것이 컴포넌트</h1>
      </div>
    )
  }
}

export default ReactComponenr