React 프로젝트 시작하기 전 필요한 작업
노트북을 포맷해서 깨끗해졌다 덕분에 다시 새로 필요한 파일들을 (귀찮지만) 설치하는 중이다.
1. Visual Studio (IDE) 설치
https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
2. Node.js 설치
Node.js는 웹 브라우저 환경이 아닌 곳에서 자바 스크립트를 사용하여 연산할 수 있도록 해 준다.
웹 브라우저 영역 외에 웹 서버는 물론 모바일 어플리케이션, 데스크톱 어플리케이션 등에서도 활용된다.
프로젝트 개발에 필요한 도구들이 Node.js를 사용하기 때문에 설치해 준다.
https://nodejs.org/ko/download
다운로드 | Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
3. git 설치
프로젝트 관리를 위해서 설치한다.
설치 과정에서 git bash도 함께 설치해준다.
Git - Downloads
Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific exp
git-scm.com
설치가 완료되었으면
프롬프트 창에서 아래 글을 통해서 작성한다.
node -v
비주얼 스튜디오 코드(IDE)를 실행하여
프로젝트 경로에서 아래 코드를 통해서 프로젝트를 생성한다.
npx create-react-app hello-react
중간에 에러가 떴는데 그 이유는 npm 폴더가 존재한다는 경로에 npm 폴더가 없었기 때문이었다!
그냥 그 경로에 npm 폴더를 만들어주니 해결 완료