jsx style

JSX 문법 4. style 넣고 싶으면 object 자료형으로

export default function Home() {
  return (
    <div>
      <h4 className="title" style={{ color : 'red', fontSize : '20px' }}>애플후레시</h4>
      <p className="title-sub">by dev {name}</p>
    </div>
  )
}

className 말고 style을 집어넣어서 빠르게 스타일을 줄 수도 있습니다.

보기는 더러울 수 있는데 애니메이션같은거 주려고 동적으로 스타일 변경할 때 가끔 씁니다.

style은 항상 object 자료형식으로 작성한 후에 style={ } 안에 넣으면 됩니다.