React #3 사용자 정의 태그 만들기.

사용자 정의 태그를 만드는 기능은 React 의 가장 중요한 기능.

 

사용자 정의 태그 만드는 법.

 

만약

<header>

<h1><a href="/">WEB</a></h1>

</header>

위 내용을 사용자 지정 태그로 사용하고 싶다면.

 

function Header(){

return <header>

<h1><a href="/">WEB</a></h1>

</header>

}

를 작성.

이떄 Header()와 같이 첫 문자는 무조건 대문자.

return에 사용자 정의할 태그 내용을 그대로 작성.

 

사용하려면

<Header></Header>

또는

<Header />

를 작성.

 

React에서 사용자 정의 태그를 컴포넌트라고 한다.

컴포넌트는 생산성, 유지, 보수, 공유 등 기능성을 높인다.