[React.js] React 시작하기


설치할 항목

Nodejs : 리액트 프로젝트를 준비하기 위해 필요한 webpack, babel 등의 도구들을 실행하는데에 사용됩니다.

Yarn : 자바스크립트 패키지를 관리하기 위해서 사용됩니다.

Node.js 를 설치하면 npm 이 설치되어서 npm 으로 해도 되긴 하지만,

yarn을 사용하면 훨씬 빠릅니다.

=> Nodejs

https://nodejs.org/ko/ => LTS 버전

기존노드가 설치되어있던분들은 프로그램 삭제후 다시 설치해주세요

기존에 설치된 Node.js 제거

다음 경로의 폴더 삭제

C:\Program Files\Nodejs

C:\Users\User\AppData\Roaming\npm-cache

설치 확인

$ node -v


=> Yarn

https://classic.yarnpkg.com/en/docs/install#windows-stable

다운받아서 설치하는것이 더 안정적

검색 - cmd


현재 오류 발생

윈도우 다운받아서 설치

https://github.com/yarnpkg/yarn/releases/download/v1.22.4/yarn-1.22.4.msi

맥은 installer가 없어요.

npm 명령으로 안깔리면

brew install yarn

이 명령으로 설치할 수 있는데 그 전에 homebrew라는걸 먼저 설치해야 해요..

[homebrew 설치]

터미널에서 아래의 두 명령을 각각 순서대로 실행 (시간 오래 걸림)

xcode-select –install

/bin/bash -c “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh))


VS Code ( 에디터 )**

https://code.visualstudio.com/에 들어가셔서 설치하세요

vs code 확장설치

부가기능설치

visual studio code extension

Live Server

Korean Language Pack for Visual Studio Code

Auto Close Tag

Auto Complete Tag

Auto Import

Auto Rename Tag


Reactjs code snippets

코드자동생성