type="nal"

리액트 프로젝트를 본격적으로 열고 코드를 작성하면 된다.vs코드에서 터미널을 열고(단축키 ctrl + ` 또는 ctrl + shift + `)npm start를 입력 App.js에 코드를 작성하면 되는데 div만 남긴 아무것도 없는 상태에서 시작 하면 된다.헤드에 타이틀 등을 바꾸려면 public에 index.html을 수정해준다.요렇게 아이콘도 수정해줌 자바스크립트이지만 태그가 적용되는 이유는 html이 아니라 JSX라는 문법이기 때문JSX는 JavaScript XML의 약자로, 자바스크립트에서 HTML 문법을 사용해 UI를 설계할 수 있다.원래 JS에서는 (JavaScript 줄여서 부르겠음)const element = React.createElement('h1', null, 'Hello, World..

with 2022년 강의, 리액트 18버전리액트의 장점?1. SIngle Page Application 을 만들 수 있다.2. Component로 HTML 재사용이 편리하다.3. state기능이 있어서 데이터가 HTML에 자동으로 반영됨4. 사용자 1위. 개발 환경 세팅1. node.js 설치https://nodejs.org/ko Node.js — 어디서든 JavaScript를 실행하세요Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 작업폴더에서 터미널 열기 3. 프로젝트 생성 명령어 입력npx create-react-app [프로젝트명] npx: npm 패키지를 실행할 때 사용하는 명령어create..