React Component 특징

component 주의점

1. 작명시 영어대문자
2. return() 안에 html태그 여러개 X
3. function App(){} 내부 X
4. <컴포넌트></컴포넌트>나 <컴포넌트/>로 사용

화살표함수 가능

function Modal(){
  return ( <div></div> )
}

const Modal = () => {
  return ( <div></div>) 
}

Component를 사용하는 경우

기준은 없으나

• 사이트에서 반복 출현하는 HTML덩어리들이나
• 내용이 자주 변경되는 경우,
• 다른 페이지를 만들고 싶을때
• 협업시 웹페이지를 component단위로 나눠 작업한다.

단점

html을 깔끔하게 사용하기 위해서 Component를 많이 만들면 관리가 오히려 힘들다.
props라는 문법을 이용해 상호작용해서 component끼리 전해줘 사용해야한다.