이제 App.js 파일에서 상단에 App.css를 불러온 뒤 div 요소에 className 값을 지정해 주세요.

src/App.js

import React from 'react';
import './App.css';
 
function App() {
  const name = '리액트';
  return <div className="react">{name}</div>;
}
 
export default App;

---

 

코드를 저장하고 브라우저에 다음과 같은 화면이 나타나는지 확인해 보세요.

▲ 그림 2-6 JSX 결과물 4