[React] React 설치하기(준비)

반응형

 

React 설치 전

React를 설치하기 전, 필요한 것에 대해서 먼저 설치를 진행하려고 한다.

단순하게 React설치하기 위한 또는 향후 React프로젝트하는 도중 lib 설치를 하기 위한 단계이기도 하다.

 

이 부분에 대해서 문제가 없다고하면 그냥 넘어가도 된다.

 

 

Node 설치하기

23년 11월 6일 기준 버전(Node)

 

먼저 Node를 설치해야 한다.

Node.js는 Google에서 'node' 검색만 해도 쉽게 나온다.

 

https://nodejs.org/en

 

Node.js

 

nodejs.org

혹은 링크를 통해서 받으면 된다.

버전 상관없이, 가급적이면 왼쪽 LTS로 받는 것을 추천한다.

 

 

PowerShell 설치하기

2023.11.08 - [Computer/기타] - PowerShell 설치하기

 

PowerShell 설치하기

링크 https://github.com/PowerShell/PowerShell/releases/tag/v7.3.9 Release v7.3.9 Release of PowerShell · PowerShell/PowerShell 7.3.9 - 2023-10-26 Build and Packaging Improvements Bump .NET 7 to version 7.0.403 Use correct agent pool for downloading from

mollangpiu.tistory.com

 

나는 CLI TOOL 별도로 사용하는 것이 있다 하면 상관없다.

다만, 나는 아직 CLI(명령 프롬포트)에 대해서 잘 몰라요. 하면 다운로드하는 것을 추천한다.

 

그렇게 많은 명령어를 칠 것은 아니지만, 기본적으로 자신만의 것 하나를 갖고 있는 것이 좋다.

 

 

VS Code 설치하기

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

 

Visual Studio Code 설치진행이다.

반드시 이것을 사용할 필요는 없다.

 

필자는 WebStome을 사용한다.

자신이 개발하기 편한 개발 TOOL 사용하는것이 매우 중요하다.

참고로 Eclipse 사용한다면, 적어도 VSCode 사용하는 것을 추천한다.

 

 

 

React 설치하기

위 과정이 모두 마쳤다면, React를 설치하도록 하자.

 

2023.11.12 - [Web/React] - [React] 리엑트 설치하기

 

[React] 리엑트 설치하기

프로젝트 만들기 프로젝트를 만들 때, 내 프로젝트 위치를 먼저 정의한다. 필자는 D드라이브 안의 Project명을 정의하였다. 프로젝트 저장경로는 가급적 한글이 없는 것을 추천한다. 그러면 나의

mollangpiu.tistory.com

 

반응형

'Web > React' 카테고리의 다른 글

[React] npx create-app 동작 안 될 경우  (0) 2023.11.12
[React] 리엑트 설치하기  (0) 2023.11.12
[React] props의 이벤트 제어하기  (0) 2023.11.11
[React] props 사용하기  (0) 2023.11.11
[React] 사용자 정의 Component 만들기  (0) 2023.11.11

댓글

Designed by JB FACTORY