1. 리엑트 앱 수정해보기

App.css 를 수정한다.

.title {
  font-style: italic;
}

 

이후 App.js 에서 사용할때에는 클래스를 임포트하듯 import '파일경로' 

• 해당 스타일 적용시킬 수 있다.

import React, { Component } from 'react';
import './App.css'; //<<<

class App extends Component {
  render() {
    return (
      <div>
        <h1 className="title">리엑트.js</h1>
      </div>
    );
  }
}

export default App;

** ES 6 의 class 는 html 의 class 속성과 키워드가 동일하므로 className 으로 html class를 지정한다.

** render() 는 HTML 을 반환한다. 실제 브라우저 출력내용이라고 보면 된다.

---

리엑트 앱 구동시 자동으로 변경 값이 컴파일 되는데 이는 create-react-app 의 Hot reloading 모듈 덕이다.