[React]리액트 기초 개념 정리

리액트 기초 개념 정리 - JSX 문법 - React 사용 예제 - useState - 리스트 반복 - 폼 다루기 - useEffect - create-react-app (CRA) JSX 문법 JSX란 JavaScript를 확장한 문법으로 자바스크립트와 html을 동시에 사용하여, HTML 마크업 언어에 자바스크립트 변수들을 바로 사용할 수 있는 일종의 템플릿 언어입니다. JSX로 작성된 코드는 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환됩니다. ※ 주의점: JSX 문법을 사용할 경우 컴포넌트에 여러 요소가 있을 경우 최상위 요소는 하나여야 합니다. 즉, 부모 요소 하나로 감싸져야 합니다. JSX 내부에서 스타일링을 적용하는 경우 class 대신 className을 사용한다. 또한, style 속성을 적용하기 위해서는 '{}' 내부에 오브젝트를 만들어 해당 오브젝트안에 스타일 속성을 지정하면 된다. (ex: style={...

원문링크 : [React]리액트 기초 개념 정리