2023-04-10

Component: 긴 html을 한 단어로 치환하여 넣을 수 있는 문법

만드는 법
1. function을 이용해서 함수를 하나 만들어주고 작명한다.
2. 그 함수 안에 return()안에 축약을 원하는 html을 담는다.
3. 원하는 곳에 <함수명></함수명> 또는 <함수명/>을 넣는다.
=그러면 축약한 html이 등장한다.

만들 때 주의점
1. component 작명할 땐 영어대문자로 보통 작명한다.
2. return () 안엔 html 태그들이 평행하게 여러개 들어갈 수 없다.
3. function App(){} 내부에서 만들면 안된다.
(function App(){} 이것도 다시보니 컴포넌트 생성문법입니다.
component 안에 component 를 만들진 않습니다.)

어떨 때 사용하는 게 좋을까?
1. 다른 곳에서 코드 재사용할 때
2. 내용이 자주 변경될 것 같은 html 덩어리가 있을 때
등등 함수 문법을 사용할 때와 같다고 보면 된다.