리액트 문법 [JSX 문법]

MARIO·2023년 10월 31일
0

리액트 문법

목록 보기
3/28
post-thumbnail

JSX란?

자바스크립트를 확장한 문법
자바스크립트의 모든 기능이 포함되어 있고 React Element를 생성하기 위한 문법
JSX = JS + XML(= html)

주의사항

  • 태그를 닫는 태그는 필수로 있어야함
  • 최상위 태그는 한개만! 있어야함(전체 감싸는 태그)
  • JSX에서 자바스크립트 값을 가져오려면 {}안에다 가져온다. (map,삼항연산자등등 자바스크립트 문법을 쓸때도 {}사용)
  • class 대신 className 사용할것
  • 인라인으로 스타일 줄때 style={{속성:"값"}}이런 식으로 줄것(변수로 선언도 가능)
profile
매사에 열심히 하도록.

0개의 댓글