Nevertheless

폴더 생성하고 vscode 터미널에서 아래의 명령어 실행npx create-react-app ./ 리액트 기본 구조 살펴보기이름이 수정되면 안되는 파일1. public / index.html => 페이지 템플릿2. src/ index.js => 자바스크립트 시작점 src 폴더대부분의 리액트 소스 코드들은 이 곳에 작성하면 된다.  package.json 파일해당 프로젝트에 대한 정보들이 들어있다. 프로젝트 이름, 버전, 필요한 라이브러리와 라이브러리의 버전들이 명시되어있다.  react 앱 실행해보기npm run startapp.js 의 노란 네모 부분을 수정하면 위와 같이 글씨가 변경 되는 것을 확인할 수 있다.  실행 과정index.html 파일을 확인해보면 div 태그의 id 가 root 라는 부분..

리액트는 무엇인가? 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 라이브러리(기능 모음집)  * 라이브러리 : 자주 사용되는 기능들을 정리해 모아 놓은 것 프레임워크 VS 라이브러리 프레임워크: 흐름에 대한 제어 권한 => 프레임워크 , 자신라이브러리: 흐름에 대한 제어 권한 => 개발자 👍🏻리액트의 장점 : 빠른 업데이트와 렌더링 속도 => Virtual DOM 사용      * DOM (Document Object Model)       : 웹 페이지를 정의하는 하나의 객체, 하나의 웹사이트에 대한 정보를 모두 담고 있는 큰 그릇: DOM 을 직접 수정하는 것이 아니라, 업데이트 할 최소한의 부분을 찾아서 업데이트 한다.        화면이 업데이트 된다 = DOM 이 수정된다. => 성능에..