React.js 기초 #3 JSX

#3 JSX
:  Javascript + XML
 
< 규칙 >
1. 여는태그가 있으면 닫는 태그가 있어야 한다.
*self close tag : 태그를 열자마자 닫을 수 있다.
예) <image />
 
2. 최상위 태그가 존재해야 한다.
최상위 태그를 두고 싶지 않다면 <React.Fragment>나 빈태그 <> </>로 코드를 묶어준다.
 

---

< 기본 틀 예시 >

 

---

이정환님의 인프런 강의 "한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지"를 참고하여 작성하였습니다.