React 기초문법

Suyo·2025년 1월 13일
0

1. HTML의 class사용


다음과 같이 스타일을 주기 위한 class명을 넣을 때 className을 사용해야한다. 왜냐하면 jsx파일에서 class는 선언으로 쓰이기 때문이다.

2. 변수를 HTML에 넣기


다음과 같이 중괄호{}를 통해 변수를 넣어줄 수 있다. href, id, className, src등 여러가지 html 속성들에도 가능하다.

실제로 id와 h4태그 안에 post값이 제대로 들어가 있는 모습을 확인 할 수 있다. 이러한 작업을 데이터바인딩이라고 한다.

3. HTML에 style속성 넣기


JSX 상에서는 style속성을 넣을때 style=""가 아니라 style={}로 넣어야한다. 또한 font-size처럼 속성명에 -기호를 쓸 수 없다. 때문에 camelCase방식으로 작성해야한다.

profile
Mee-

0개의 댓글