반환 구조
반환값은 하나의 부모로 감싸고 Fragment가 필요한지 판단합니다.
JSX 점검표
JSX 작성 전 최종 점검
화면에 보이는 태그를 쓰기 전에 JavaScript 표현식, 단일 루트, 속성 이름을 함께 확인합니다.
JSX 작성 전 자기진단
JSX 구조, 표현식, 속성을 컴포넌트 코드에서 직접 바꿔 보며 화면 변화를 확인합니다.
표현식
중괄호 안에는 값으로 계산되는 식만 둡니다.
속성
className, htmlFor처럼 JSX 이름 규칙을 사용합니다.
주석
JSX 내부 주석은 {/* ... */} 형태로 작성합니다.