JSX문법 3가지

원녕·2022년 11월 4일
0
  1. CSS에서의 class자리에 className을 넣어준다.

  2. 변수의 데이터를 html에서 가져오고 싶을땐 {}를 열어준다.

  • {} : 데이터 바인딩을 의미함. 변수의 데이터를 가져오고싶을 때 사용하면된다.
  1. 변수의 style을 수정하고싶을땐 자바스크립트의 객체 문법을 따르면 된다.

    문법) key : 'property'
    ex) <h4 style = {{fontSize : '14px'}} </.h4>

  • react.js에서의 font-size 의 의미는 font 마이너스 size 즉 가감식이 된다. font의 크기를 설정하려면 fontSize 이런식으로 써야한다.
    카멜 케이스 표기법 이라고 한다.
profile
메타인지하는 개발자

0개의 댓글