[React] 공부중

https://youtu.be/FqnAFX9lQPQ

 

React에서 class를 부여하고 싶을때

<div className='hello'>안녕하세요</div>

 

- React 에서 우리는 index.js라는 파일덕에 App.js 파일을 html 처럼 쓰지만, 결국 js파일이기 때문에 <div>태그에 class를 부여하고 싶다면 className으로 써줘야한다 

 

React 장점

데이터 바인딩이 아주 쉬워짐

let posts = '강남 고기 맛집';
<h4>{ posts }</h4>

let style = { color : 'blue', fontSize : '30px' };
<div style={ style }>개발blog</div>

 function 함수(){ return 100 }
<h4>{ 함수() }</h4>

// 이미지 또한 가능 
<img src={ logo }></img>

- 다음과 같이 변수, 함수를 만들어서 {  } 안에 변수명, 함수명만 끼워 넣으면 아주 손쉽게 변수들을 관리 할 수 있다.