React JSX 문법

toos·2023년 5월 15일
0

23.05.15 복습

React

자바스크립트 라이브러리 중 하나,
프레임워크적인 성격을 띄고 있습니다.

  • 라이브러리 vs 프레임워크
    주체 나 주체 프레임워크

  • 새로고침이 일어나지 않는다.
    Single Page Application

  • npx create-react-app 프로젝트명
    React 프로젝트 생성

index.html => Single Page
index.js => 링크! 연결
App.js => 내가 실질적으로 수정
-> 확장자 : JSX
JS + HTML
HTML 문법 옆에 JS 문법을 쓰려면? {}
=> 표현식 if문 사용 불가
=>조건문? 1 && 연산자
=> 조건 2 삼항연산자
=> 조건 3개 이상 return() 위에 if문으로 작성

  • React project를 실행
    npm start
    => localhost:3000
profile
Lv.0

0개의 댓글