본문 바로가기

리액트 기초

리액트 3강

JSX

  • 컴포넌트를 편리하게 사용하도록 하는 리액트만의 문법 -> Babel이라는 도구를 통해 JS로 컴파일(자바스크립트란 소리)
  • 중괄호 안에 변수명, 함수, 새로운 JSX넣기 모두 가능

  •  JSX엘리먼트
    • html의 img태그와 달리 연 태그가 있으면 닫는 태그도 반드시 있어줘야 함 
    • 2개 이상의 태그를 쓸 때는 꼭 다른 태그로 묶어줘야 함
      • react fragment : 아무 내용 없이 단지 다른 태그들을 묶어주는 역할로 사용

  • 어트리뷰트(속성을 사용할 때) 
    • camelcase사용->class 대신 className으로 사용
    • 속성을 사용할 때 큰 따옴표로 감쌈

  • 주석
    • 자바스크립트 주석 : //
    • jsx주석 : /**/

'리액트 기초' 카테고리의 다른 글

리액트 7강  (0) 2023.02.07
리액트 6강  (0) 2023.02.06
리액트 5강  (0) 2023.02.05
리액트 2강  (0) 2023.02.02
리액트 1강  (0) 2023.02.01