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