[React] html과 jsx의 차이

html은 마크업 언어이고 jsx는 자바스크립트 코드이다.

jsx로 작성한 코드를 Babel이 html과 javascript로 변환하게 된다.

jsx는 장점은 UI를 만드는 코드에 비즈니스 로직을 작성할 수 있다는 장점이 있다.
{}(중괄호)로 감싸서 코드를 넣으면 된다.

return 부분에 ui가 들어가는데 꼭 하나의 노드로 만들어서 리턴해줘야 한다.
스타일링을 해줘야 할 때는 div 태그를, 그게 아니라면 비어있는 <>를 사용하면 된다.