개발환경 설정

기본 툴 설치

git과 cmder, nodejs, npm, yarn을 설치했다.

• Cmder : 깃 툴이나 기타 등등이 들어있는 조금 더 편리한 터미널
  cmder 사용 중 글자 깨짐 현상 해결 방법

설치 확인 키워드
git —version
node -v
npm -v
yarn -v

기본 툴 설명

node.js

자바스크립트 서버 개발 환경

npm

node.js를 설치할 때 함께 설치되는 패키지 매니저, 라이브러리의 버전 등을 자동으로 관리 해줌

NPX

npm이 설치될 때 함께 설치됨 패키지들을 개별적으로 실행할 수 있게 도와줌

yarn (사용할 패키지 매니저)

npm을 대체할 수 있는 방법 페이스북에서 만든 패키지 매니저 npm에서 살짝 부족한 단점을 보완

npm과 yarn의 차이

npm은 사용하는 라이브러리가 많으면 속도가 현저히 느려짐
yarn은 라이브러리를 병렬적으로 동시에 설치하기 때문에 상대적으로 빠르고 보안도 더 뛰어남

yarn 사용 시 VSCode 오류 해결 방법

1. window powershell 을 관리자 권한으로 실행한다

2. get-ExecutionPolicy 를 입력해 현재 권한 상태를 확인한다

   권한 상태값

   • Restricted : default 설정값, 스크립트 파일을 실행가능
   • AllSigned : 신뢰할 수 있는(서명된) 스크립트 파일만 실행가능
   • RemoteSigned : 로컬에서 본인이 생성한 스크립트와 신뢰할 수 있는(서명된) 스크립트 파일 실행가능
   • Unrestricted : 모든 스크립트 실행가능
   • ByPass : 경고/차단 없이 모든 것을 실행가능
   • Undefined : 권한을 설정하지 않겠음

3. Set-ExecutionPolicy RemoteSigned 를 입력해 권한 상태를 RemoteSigned 로 변경한다

4. get-ExecutionPolicy 를 입력해 권한 상태를 재확인한다

React 공부 방법

공식 사이트를 읽어보고 공식이 주는 튜토리얼을 읽어보기

빠르게 업데이트 되는 버전은 특히나 항상 공식에서 확인하고 버전도 확인해야한다

React 공식 사이트: https://reactjs.org/
Create React App: https://create-react-app.dev/