컴퓨터공방

리액트 설치 node.js 설치 node.js => 브라우저에서만 사용할 수 있는 자바스크립트를 브라우저 밖에서도 사용할 수 있게함 vscode 설치 커맨드 create-react-app으로 리액트 프로젝트 생성 npm init react-app vscode, 터미널에서 npm init react-app . 개발 모드 실행 npm run start 개발 모드 종료 ctrl + C 리액트 개발자도구 (리액트구조를 살펴볼 수 있는 도구) React Developer Tools 검색후 설치 F12 누른후 확인 components - 리액트 개발의 기본적인 단위 페이스북, 인스타그램, 넷플릭스 모두 리액트로 만들어져 있다. 접속후 리액트 개발자도구로 확인해봐도 좋다.

설치순서 1. Node.js 검색 후 최신버전 설치 => create-react-app 라이브러리를 사용하기 위해서 Node.js를 설치함, npm을 이용한다. 2. Visual Studio Code 에디터 설치 3. 폴더생성 4. 에디터에서 작업폴더 Open Folder 5. npx create-react-app 프로젝트명 입력 6. 프로젝트명의 하위폴더를 다시 Open Folder 7. 코드짠걸 미리보기 띄우기, 터미널에서 npm start 입력 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 새로운 React 앱 만들기 – React A JavaScript library for bui..