[react 기록용]1-3. JSX로 HTML 작성

1. 데이터 바인딩: {변수명 (예. 데이터, 이미지) },  {함수} 모두 가능

/*eslint-dialbed */
import React, { useState } from 'react';
import logo from './logo.svg';
import './App.css';


function App() {
  let posts = '강남 고기 맛집';
  function 함수(){
  	return 100
  }

  return (
    <div className="App">
      <div className="black-nav">
        <div>개발 blog</div>
      </div>
      <h3> { posts } </h3>
      <h2> { 함수() } </h2>
      <img src={ logo }/>
    </div>
  );
}


export default App;

2.style 속성:  {object 자료형으로 만든 스타일}

<div style={ { color : 'blue' } }></div>