react component
-
[React] JSX 문법, 리액트 엘리먼트, 리액트 컴포넌트Web/React 2023. 1. 10. 15:25
JSX 문법이란? 리액트 엘리먼트(React Element)란? 리액트 컴포넌트(React Component)란? - JSX 문법이란? JSX 문법은 자바스크립트(JS)로 HTML과 같은 문법을 사용할 수 있는 편리한 문법이다. JSX 문법에는 여러가지 규칙들이 존재한다. ① 속성명은 카멜 케이스로 작성한다. - 카멜 케이스(camel case)란? var camelCase; 중간 글자들은 대문자로 시작하지만 첫 글자가 소문자인 경우, 낙타 모양과 비슷하다 하여 지어진 이름이다. ② 자바스크립트 예약어와 같은 속성명은 사용 불가하다. 안녕하세요 // 불가 안녕하세요 // 가능 ③ 반드시 하나의 요소로 감싸기 // 1. 부모 태그로 감싸기 function App() { return ( 안녕하세요 ) } /..