React & TypeScript Project 시작

• 서론
  원티드랩의 프리온보딩을 시작했다.
  해당 프로젝트는 React + TypeScript로 프로젝트를 진행하기에 TypeScript도 같이 공부를 진행하기로 한다.
  최근 연이은 면접 탈락으로 자존감이 많이 낮아져있는 관계로 천천히 다시 시작해보려고 한다.

• 프로젝트 설치

npx create-react-app 'ProjectName' --template=typescript

npx CRA로 먼저 TypeScript template의 React를 설치한다.

npm install -global @types/react @types/react-dom @types/node

이후 npm으로 필요한 JavaScript의 Third Party library를 package.json에 dependencies(의존성)에 추가해주면 아래와 같이 정상적으로 등록이 되어있음을 확인 할 수 있다.

이후 Yarn으로 프로젝트로 실행시키기 위해 Yarn을 설치한다.

npm install --save yarn

npm과 yarn은 둘다 JavaScript 패키지다.
둘의 차이는 크게 없지만 yarn이 npm보다 늦게 나왔고,
속도와 보안성면에서 좋다고 한다.
yarn이 npm에 비해 디스크 용량을 조금 더 많이 먹는다고는 하지만 아직 별반 차이를 모르겠다.
이번 프로젝트에서는 yarn을 사용하라고 명기되어있으므로 yarn을 설치하도록 한다.

설치가 완료되었다면,
터미널에 yarn start를 입력하여 프로젝트를 실행시켜보자.

정상적으로 로딩됨을 확인 할 수 있다.

• 시작시 발생하는 주요 에러
  - yarn의 사용자 권한 오류
  

위와 같은 에러가 발생할 경우 yarn 권한 설정을 다시 해줘야한다.

1. 터미널에 Set-ExecutionPolicy을 입력

2. cmdlet Set-ExecutionPolicy(명령 파이프라인 위치 1)
   다음 매개 변수에 대한 값을 제공하십시오.
   ExecutionPolicy:
   이란 메세지가 뜨면

3. Unrestricted를 입력한다.

4. 이후 다시 yarn start 를 입력하면 해결