2.4.7 class 대신 className

    일반 HTML에서 CSS 클래스를 사용할 때는 <div class="myclass"></div>와 같이 class라는 속성을 설정합니다. 하지만 JSX에서는 class가 아닌 className으로 설정해 주어야 합니다.

    우선 src 디렉터리 안에 있는 App.css를 열어서 내부 내용을 다 지운 뒤에 새 CSS 클래스를 작성해 보세요.

    src/App.css

    .react {
      background: aqua;
      color: black;
      font-size: 48px;
      font-weight: bold;
      padding: 16px;
    }

     

    이번에는 기존 App 컴포넌트에서 인라인 스타일에 사용한 폰트 색상과 배경색을 뒤바꾼 스타일입니다.

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.