윈도우에서 리액트 개발 환경 만들기

This is an excerpt from the book "DO it! 리액트 모던 웹개발" by 전예홍.

This is a study article I've written to document my own practice and summarize the content.

책 무지 좋습니다! 따라하면서 이해가 됩니다!!

웹앱 개발 단계: 환경 구축부터 백엔드와 프론트엔드 개발까지

안녕하세요!

오늘은 리액트 개발환경을 셋팅해보도록 하겠습니다!

 

---

윈도우에서 개발 도구를 설치하는 방법

프로그램명	용도	운영체제	기타
Node.js	웹 서버 개발 플랫폼	윈도우/mac OS	필수
VSCode	소스 코드 편집기	윈도우/mac OS	권장
scoop	윈도우용 설치 프로그램	윈도우	권장
Homebrew	mac OS용 설치 프로그램	mac OS	권장
touch	파일 관리 유틸리티	윈도우	선택
Chrome	웹 브라우저	윈도우/mac OS	권장

 

---

 

scoop 설치하기

윈도우에서 명령어 한줄이면 편하게 필요한 프로그램을 내려받을 수 있는 scoop을 설치해봅니다!

 

1. Window PowerShell 선택
(이 때, 관리자 모드가 아닌 일반 모드에서 설치!)

Window PowerShell

$env:SCOOP='C:\Scoop'
[Environment]::SetEnvironmentVariable('Scoop', $env:SCOOP, 'User')
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -scope CurrentUser
iwr -useb get.scoop.sh | iex

결과!

git 다운

scoop install git aria2

---

Node.js 설치하기

 

Scoop install nodejs-lts
node -v

 

---

 

 VScode 설치하기

scoop bucket add extras

scoop install vscode

 

* scoop 으로 설치한 VSCode를 업데이트할때는 파워셸에서 scoop update * 명령으로 해야합니다.

 

VSCode로 실행할 수 있도록 다음 명령을 실행합니다.

cd C:\scoop\apps\vscode\current

./install-context.reg

 

C드라이브에 가서

mkdir rcp

              

 

---

  touch 설치하기

너무나 유용합니다!!! touch!

scoop install touch

 

 

---

크롬 브라우저 설치하기

 

scoop install googlechrome

chrome