[React] 기본문법 - 2

리액트로 블로그도 따라 만들어볼 겸  기본문법을 정리해보겠습니다.

 

위 코드로 나온 레이아웃

 

여기서 먼저 블로그 이름을 써줘야하는데 하드코딩으로 h4안에 넣어도 되겠지만.

따로 변수를 만들어서 작성을 해보겠습니다.

 

저번에 변수는 return위쪽에 입력해주고 return아래는 사용자에게 보여지는 문서니까 

변수를 retrun위에 선언하고 return안에 변수를 넣어주면 되겠네요

변수를 넣을때는 { } 안에 넣어주면 됩니다. 

 

리액트에서 JS문법은 항상  { } 안에 넣어주어야 합니다

이렇게 { } 안에 데이터를 꽂아넣는것을 데이터 바인딩이라 부릅니다.

본문이 아닌 id ={post} 이런 식으로도 사용할 수 있겠죠?