2023.01.25 React 개발환경 세팅
React
사용자 정의 태그를 만드는 기술
React 개발환경 세팅
리액트사이트에서 시작하기
온라인 플레이그라운드 : 개발환경 직접 세팅하지 않고 온라인 환경에서 사용가능
👍 Stackblitz
컴퓨터에 리액트 개발환경 세팅
리액트사이트 - 새로운 React 앱만들기 - Create React App
Create React App사이트
Create React App을 설치하기 위해서는 터미널에 명령어를 입력해야 하는데
npx를 실행하기 위해서는 Node.js를 설치해야한다.
Node.js 설치
Node.js사이트에서
18.13.0LTS 설치
vscode 사용
작업영역에 react-app 폴더 추가
터미널 - 새터미널 열어서 명령어 입력
현재경로에 설치할것이기 때문에 . 입력 - 설치
npx create-react-app 현재경로
npx create-react-app .
npm start
터미널에 명령어 입력시 react 실행
명령어 입력하면 리액트 샘플 애플리케이션 브라우저가 뜬다.
CRA로 생성한 리액트 프로젝트 구조
