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

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

원문링크 : [React] 리액트 기본 규칙, JSX 기본 규칙