컴포넌트 스타일링

컴포넌트 스타일링

 

JSX에서 class를 선언하는 법은 간단하다.

class 대신에 className을 입력해주면 된다.

// src/App.js

import "./App.css"; // 반드시 App.css 파일을 import 해줘야 한다.

function App() {
  return (
    <div className="todos-container" id="todos">
      안녕하세요
    </div>
  );
}

export default App;

그리고 app.css 파일로 가서 원하는 스타일 코드를 입력해주면 된다.