React - 리액트 설치와 개발환경 셋팅

신혜원·2023년 6월 12일
0

React

목록 보기
2/37
post-thumbnail
post-custom-banner

개발환경 셋팅하기

  1. 구글에 Node.js 검색해서 LTS 써있는 버전 설치하기
  2. Visual Studio Code 에디터 설치하기

리액트 프로젝트 생성하기

  1. 작업용 폴더 만들기
  2. 폴더에 Shift+우클릭으로 powershell 혹은 터미널 열기 누르기
  3. 터미널에 "npx creat-react-app 프로젝트명" 엔터
  4. 에디터에서 프로젝트이름 폴더 열기
  5. App.js 가 메인 페이지!
  6. 내 사이트를 브라우저 미리보기로 띄우고싶으면
    에디터 상단메뉴 중 Terminal - New Terminal 누른 후
    npm start 입력하면 미리보기가 나온다

0개의 댓글