이제 이 컴포넌트를 App 컴포넌트에서 보여 줍시다.

App.js

import React, { Component } from 'react';
import SassComponent from './SassComponent';
 
class App extends Component {
  render() {
    return (
      <div>
        <SassComponent />
      </div>
    );
  }
}
 
export default App;

---

 

작업한 뒤에는 개발 서버를 재시작시켜야 Sass가 성공적으로 적용됩니다. 개발 서버가 구동 중인 터미널 창에서 Ctrl+C를 누르고, 다시 yarn start 명령어를 입력하세요. 그러고 나면 다음과 같은 페이지가 나타날 것입니다.

▲ 그림 9-2 Sass 적용