React

1. JSX란? JSX는 자바스크립트로 HTML과 같은 문법을 사용할 수 있게 하는 자바스크립트의 확장 문법이다. 리액트로 코드를 작성할 때 이 JSX 문법을 활용하면 훨씬 더 편리하게 화면에 나타낼 코드를 작성할 수가 있게 된다. import ReactDOM from 'react-dom'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render(안녕 리액트!); 2. JSX에 속성 추가하기(feat. HTML과 속성과 다른점) 1) 속성명은 카멜 케이스로 작성하기 JSX 문법에서도 태그에 속성을 지정해 줄 수 있다. 단, 여러 단어가 조합된 몇몇 속성들을 사용할 때는 반드시 카멜 케이스(Camel Case)로 작성해야..

React 개발 기초 1) 프로젝트 세팅 // 폴더 이름에 해당하는 디렉토리에서 프로젝트를 만들겠다. npm init react-app // 현재 디렉토리에서 프로젝트를 만들겠다. npm init react-app . // 개발 모드 실행 npm run start // 다운 받은 프로젝트 실행하기 npm install 2) 인덱스 파일이 하는 일 i) index.html 웹 브라우저에서 가장 먼저 실행되는 파일 import ReactDOM from 'react-dom/client'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render(안녕 리액트!); ii) index.js index.html이 열리고 나서 실행됨 ..