공부 내용

yarn 과 npm의 차이점에 대해 알아보고 프로젝트 시작에 앞서 react 초기 세팅 방법에 대해 알아보고 세팅하는 시간을 가짐.

• npm

  • 자바스크립트 런타임 환경 Node.js의 기본 패키지 관리자
  • node package manager 라는 말 그대로 노드에서의 패키지 관리자이다.
  • 자바스크립트 환경에서 프로젝트를 시작할 때 node와 함께 설치하라는 Getting Started가 많고, 사용빈도가 높다.

• yarn

  • 안전하고 안정적이며 재현 가능한 프로젝트
  • npm, npx와는 결이 다른 패키지 관리자이다.
  • 속도나 안정성에서는 npm과 비슷하다.
  • 버전을 어디에서나 같게 만들어 버그를 줄임으로써 보안을 높였다.
  • npm의 점유율이 높아 npm에 관련된 자료가 더 많다는 것이 되겠다.

1. CRA 설치

yarn create react-app 폴더명

2. React Router 설치

yarn add react-router-dom

3. styled-components 설치

yarn add styled-components styled-reset

소감

프로젝트 초기 세팅의 경우 처음 한번만 하기 때문에 프로젝트 시작할 때마다 그 방법을 잊어버려서 다시 검색을 해보며 세팅을 하는 경우가 잦았다. 그래서 이번에는 찾아본 내용을 다음번에 다시 검색해보는 경우가 없도록 하고자 정리를 해두었다. npm과 yarn 둘 중 어떤 것을 사용할지는 프로젝트할 때마다 해당 프로젝트에 맞는 것을 선택하는 것이 좋다는 생각이 들었다.