Styled-Components

컴포넌트 생성시 파일명 규칙

• CM + 태그명 (common)
• Join(해당페이지명) + CM + 태그명
• Join + CM + 태그명 + ? (내맘대루)

스타일 컴포넌트 사용시

• Styled태그명

태그의 속성을 지정하기

JoinPage.js

<CMInput **hint="username"** **type="text"** />

function CMInput(props) {
  console.log(props);
  return <StyledInput placeholder={`Enter ${props.**hint**}`} type={props.**type**} />;
}

• props (properties 의 줄임말) : 어떤 값을 컴포넌트에 전달해야할 때 씀
• 출처 : https://react.vlpt.us/basic/05-props.html

<CMButton **text={"sign in"}** />