노트북을 포맷해서 깨끗해졌다 덕분에 다시 새로 필요한 파일들을 (귀찮지만) 설치하는 중이다.
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 폴더를 만들어주니 해결 완료
'Front-end > 리액트 개념' 카테고리의 다른 글
| Scroll Restoration 리액트 Link 이동시 스크롤 위치 문제 (0) | 2023.07.30 |
|---|---|
| React에서 클릭 시 클립보드에 저장하기 기능 (0) | 2023.06.25 |
| [React] 리액트 이미지 파일 삽입 (컴포넌트와 절대경로) (0) | 2023.06.17 |