[React] 리액트 기본 규칙, JSX 기본 규칙

😎 JSX 규칙 : javascript + XML

JSX 는 리액트 컴포넌트를 작성하면서 return 문에 사용하는 문법 얼핏보면 HTML 같지만, 실제로는 자바스크립트

😎 규칙

1. 태그는 반드시 닫아줘야 한다.
2. 최상단에서는 반드시 div 로 감싸주어야 한다. ( Fragment 사용 , <> 상황에따라 )
3. JSX 안에서 자바스크립트 값을 사용하고 싶을때는 {}를 사용한다.
 변수값 출력예시 참고 -> { name }
4. 조건부 렌더링을 하고싶으면 &&연산자나 삼항연산자를 사용한다.
5. 인라인 스타일링은 항상 객체형식으로 작성한다.
6. 별도의 스타일파일을 만들었으면 class 대신 className 을 사용한다.
7. 주석은 {/* */}을 사용해 작성한다.