24_02_02 React 공부정리

[코딩애플] part1

 

세팅방법

1.node js 설치

2.폴더에서 오른클릭 -> Shift + 클릭으로 powershell 오픈

3.npx create-react-app (프로젝트명)

4.src폴더 안에서 App.js에서 코딩

5.터미널 열고 npm start 누르면 실시간 보기 가능

 

JSX

-자바스크립트 안에서 html문법으로 작성할수 있게 해주는 "언어"

데이터 바인딩 : 데이터값을 바로 넣는 문법 중괄호{}

-{변수} 이렇게 하면 변수값이 바로 들어감

-id값에도 {}를 활용가능

-인라인 style 문법을 활용할땐 따옴표가 아니라 중괄호{}로 해야함 : {{스타일명:'값'}}

function App() {

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

  return (

    <div className="App">

      <div className="black-nav">

        <h4 id={post}>블로그임</h4> //id값을 데이터바인딩으로 표시

      </div>

      <h4 style = {{color:'red'}}>{post}</h4> //스타일명은 무조건 중괄호로 작성

    </div>

  );

}

요로케