![]()
JSX문법 실습 index.js // index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; // JSX 문법 및 특징 정리 import App from './App'; import reportWebVitals from './reportWebVitals'; // JSX문법을 활용한 실습 import AppSample from './AppSample'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( // // ); // If you want to start measuring performan..
![]()
리액트에서 사용되는 JSX문법에 대해서 배우다. import './App.css' /* shift + alt + f : prettier 저장 JSX문법 - HTML 과 JS를 하나의 파일에 작성할 수 있는 문법 JSX문법의 특징 1. 반드시 부모요소가 하나여야 한다. 모든 것을 감싸는 div태그로 해결 + 꼭 가 아니어도 된다. 2. 표현식 사용 {변수}로 표현식 단, if문은 사용할 수 없다.. 2-1. 조건식이 1개일 때 - && 연산자 하나의 조건식을 확인할 때 A && "B" => A가 true이면 &&의 오른쪽이 출력된다. 2-2. 조건식이 2개일 때 - 삼항연산자 활용 2-3. 조건식이 3개일 때 - return문 위에 조건식을 만든 후 결과값만 {}에 넣어준다. 3. 기존 HTML문법과 다른..
