(React) 블로그 만들기 - 리액트 설치와 개발환경 셋팅

고민지·2022년 7월 21일
0

React

목록 보기
2/25
post-thumbnail

개발환경 셋팅

  1. 구글에 Nodejs 검색하고 공식홈페이지 다운로드 들어가서 LTS버전 설치
  2. Visual Studio Code (이하 VScode) 편집기 사용할 것임.
  3. 본인은 작업용 폴더들을 C드라이브에 모아서 관리하기 때문에 c://react 폴더 만들어줌.
  4. VScode에서 react 폴더를 열고 ctrl+shift+` 으로 터미널 킴.
  5. npx create-react-app blog 입력해서 blog라는 프로젝트 폴더 생성되었으면 리액트 작업 환경 셋팅 끝.
  6. 폴더열기에서 방금 만든 blog 폴더를 열어줌.
  7. npm start 입력해서 뜨는 브라우저가 기본 리액트 미리보기임. localhost:3000 주소로 입력해도 된다.
  8. src 안에 있는 App.js 파일이 눈 앞에 보여지는 화면에서 구현되는 순간이다.


개발 환경 설정이 끝났으니 이제 진짜 코딩하러 가봅시당.

profile
도전 성취 성장을 향한 개발자

0개의 댓글