[React] 기초 JSX 사용법

react 코딩시 태그에 class를 주고 싶으면

function App() {
  return (
    <div className="App">
      <div className="black-nav">
        <div>개발 Blog</div>
      </div>
    </div>
  );
}

react 쓰는 이유: 데이터 바인딩이 쉽기 때문

데이터 바인딩: 서버에서 가져온 데이터를 HTML에 넣는 작업

데이터 바인딩 사용법: { 변수명, 함수 등 }

function App() {

  let posts = '강남 고기 맛집';
  return (
    <div className="App">
        <h4> { posts }</h4>
    </div>
  );
}

style 사용법

style= {object 자료형으로 만든 스타일}

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

참고: 코딩애플 유튜브

brightGarden02