[React] class 변수

import logo from './logo.svg';
import './App.css';

function App() {

  let post = '강남 우동 맛집';

  return (
    <div className="App">
      <div className='black-nav'>
        {/* class 사용 시 className */}
        <h4 id='{post}' style={{color : 'red', fontSize : '16px'}}>블로그 BLOG</h4>
        {/* style 직접 사용 시 : {} 중괄호 -> object 형태로 넣어야함 styel = { { 이름 : 값 } } -> 카멜케이스 사용 */}
      </div>
      <h4>{ post }</h4> 
      {/* (데이터바인딩)변수 html에 삽입 시 { 변수명 } : 중괄호 사용  
          id, className 등 모든 곳에 사용 가능
      */}
    </div>
  );
}

export default App;

.black-nav{
  display: flex;
  background-color: black;
  width: 100%;
  color: white;
  padding-left: 20px;
}