[React.js] JSX로 UI 표현하기

JSX란 JavaScript에서는 함수가 HTML을 리턴하도록 만들수가 없다. JS에서 HTML을 리턴하도록 만들면 문법적인 오류로 판단하기 때문에 그래서 React에서는 JSX라는 확장된 자바스크립트 문법을 사용한다. JSX를 사용하면 const Main = () => { return ( main ) } 이런식으로 JavaScrip와 HTML을 혼용하여 사용할수 있다. const Main = () => { const number = 10; return ( main {number} ) } JSX에서는 이런식으로 변수에 데이터를 HTML에 박아넣을수 있다. const Main = () => { const number = 11; return ( main {number % 2 === 0 ? "짝수" : "홀수..

2024.03.09