터미널 - vsCode 실행기
JSX
- 자바스크립트의 확장 문법
- jsx 속성명은 카멜 케이스로 작성
-예약어 금지(class -> className, for -> htmlFor)
-Fragment 로 감싸기
-자바스크립트 표형식 넣기(중괄호)
컴포넌트
-리액트 엘리먼트(jsx 문법으로 작성한 요소는 자바스크립트 객체가 됨)
-jsx 문법으로 작성된 하나의 요소를 리턴하는 함수가 하나의 컴포넌트임
ex> function Hello() <Hello /> Hello 가 컴포넌트임
props
-jsx 문법에서 컴포넌트에 지정한 속성을 뜻함
-properties 의 약자 컴포넌트에 속성을 지정해 주면 속성이 하나의 객체로 모여 첫 번째 파라미터로 전달이 됨
children
- 커플태그로 작성을 하면 그 안에 작성된 코드
function Button({ children }) { return <button>{children}</button>; }
state
- 화면을 변경할 때 활용하는 기