API
-
[React.js] 리액트 문법 1 (+ JSX, DOM, API)React 2022. 12. 31. 22:55
JSX 리액트 element를 생성하는 JavaScript 확장 문법이다. 리액트에서는 렌더링 로직이 UI 로직 즉, 이벤트가 처리되거나 시간에 따라 state가 변하는 방식, 화면에 출력할 데이터가 준비되는 방식과 연결된다는 사실을 받아들인다. 따라서 마크업과 로직을 모두 포함하는 '컴포넌트'라는 느슨하게 연결된 유닛으로 분리하여 구성된다. JSX 안에서는 중괄호 { } 로 감싸서 유효한 모든 JS 표현식을 넣을 수 있다. JSX 는 표현식이기 때문에, JSX 자체를 if 나 for 반복문 안에서 사용하고, 변수에 할당하고, 인자로 받거나 함수에서 리턴할 수도 있다. JSX에 속성(attribute)를 전달할 때는 src={user.avatarUrl} 처럼 따옴표를 사용하지 않고, 중괄호만 쓴다. 따옴..