[React] 1. 리액트 React 설치와 개발환경 셋팅

진주·2022년 3월 2일
0

React

목록 보기
1/4

🎃Node js 설치하기

안정적, 신뢰도 높은 버전 선택 (최신버전 선택해도 무방하다)


🥯 visual studio code 실행후, 원하는 폴더 만들기

폴더 열기 선택 → 원하는 폴더 만든 후, 0.React_basic선택

터미널 → 새 터미널 클릭


🎊 리액트 프로젝트 생성 방법

npx create-react-app [프로젝트명] 입력

터미널에 npx create-react-app blog 입력


0.React_basic 폴더 하단에 blog 폴더 생성되어있다!



blog 폴더 열기

npx create-react-app blog 에 의해서 자동적으로 생성된 요소들이다.


🌮 App.js 파일 열고, 터미널에 npm start 작성

실행화면

profile
진주의 코딩일기

0개의 댓글