JSX (JavaScript XML) JavaScript 를 확장한 문법입니다. DOM에서 JavaScript와 함께 사용하기 위해서는 JavaScript와 HTML를 연결하기 위한 작업이 필요합니다. 하지만 React에서는 JSX를 이용하여 DOM 코드보다 명시적으로 코드를 작성할 수 있고, JavaScript와 HTML를 연결하는 작업도 하지 않아도 됩니다. JSX 문법 ● 여러 element를 작성하는 경우, 최상위에서 와 로 감싸주어야 합니다. Hello World ● CSS Class 속성을 지정하는 경우, JS와 다르게 'className'으로 표기해야 합니다. (JS는 class) (class로 작성하는 경우 JS의 class로 인식합니다.) hello hello ● JSX에서 JavaScr..

React 개발 환경 구성하기 1. Create React App📜 VScode 터미널에서 밑 코드를 순서대로 입력합니다. # my-app 폴더를 만들고 그 폴더 안에 설치하는 경우 npx create-react-app my-app cd my-app # 현재 폴더에서 바로 설치하는 경우 npx create-react-app . 2. React Router 라이브러리 설치하기📜 npm install react-router-dom 3. Express 설치하기 npm install express 4. CORS 미들웨어 설치하기 npm install cors 5. Styled Components 설치하기📜 npm install --save styled-components@latest # VScode Extens..