본문 바로가기

Programming/React

Dya 02

JSX 문법

=  JS 문법에서 HTML 태그를 사용 하는 문법 

속성 중에 Class 속성을 추가 하려면 JS에 class와 충돌 되므로 className 으로 사용

from 태그에 사용되는 label 태그에 for 속성을 사용 하게 되는데 이때는 htmlFrom 으로 사용

이벤트 핸들러(onblur, onfocus, onmousedown ... )는 카멜표기법 사용 -> onBlur, onFocus, onMouseDown

하나로 감싸진 태그를 사용 해야함 그래서 <Fragement></Fragment> 또는 축약형인 <></> 을 사용 함

 

 

 

 

JSX문법에서 JS문법을 사용 하는 방법

 

다음 과 같이 사용 가능

Hello 대신에 다른 글자가 올때는 반드시 앞글자가 대문자 일 것.

이벤트 핸들러 속성 사용 예시

'Programming > React' 카테고리의 다른 글

Day 03  (0) 2023.08.15
Day 01  (0) 2023.08.08