이 문서에서는 React의 핵심 개념과 실제 활용 방법을 자세히 알아봅니다.
JSX 소개
JSX란?
JSX는 JavaScript XML의 약자로, React에서 UI를 표현하기 위한 문법입니다. JavaScript 코드 안에서 HTML과 유사한 마크업을 작성할 수 있게 해줍니다.
JSX 기본 문법
JSX는 HTML과 비슷하지만 몇 가지 중요한 차이점이 있습니다.
const element = <h1>Hello, {name}</h1>;JSX 특징
- JavaScript 표현식 사용 가능
- 속성명은 camelCase 사용
- 모든 태그는 닫혀야 함
학습 포인트
- 각 섹션의 예제 코드를 직접 실습해보세요.
- 이해가 안 되는 부분은 여러 번 읽고 실습하세요.
- 학습한 내용을 바탕으로 프로젝트를 만들어보세요.