2021. 11. 6. 23:50ㆍFront
최근 M1 맥북을 구매하게 되면서 프론트 개발에 필요한 프로그램 설치를 진행하였습니다.
리마인드겸 정리해두는게 좋을 것 같아 설치한 목록을 정리해보려고 합니다.
추가 사항이 생기면 아래에 계속 업데이트 해두겠습니다.
1. Node.js & npm
1) 설치 URL
https://nodejs.org/en/download/
Download | Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
2) 설치 단계
사이트에 접속해 macOS Inataller 아이콘을 클릭하면 패키지 다운로드가 진행됩니다.
다운로드 폴더 내부에 node-v16.13.0.pkg와 같이 노드 버전이 명시된 패키지 파일을 확인할 수 있습니다.
패키지 파일을 더블 클릭하여 하단의 계속과 동의를 눌러 쭉 설치를 진행합니다.
설치 시 화면과 같이 node.js와 npm 최신버전 설치가 함께 진행됩니다.
몇 초 뒤 성공 메시지와 함께 설치가 완료됩니다.
해당 패키지 파일은 더 이상 필요하지 않기 때문에 곧장 휴지통으로 제거해주시면 됩니다.
3) 설치 확인
터미널을 통해 설치 된 node & npm 버전을 확인할 수 있습니다.
--version 혹은 -v 명령어를 통해 간단한 버전 확인이 가능합니다.
2. Yarn
1) 설치 URL
이어서 yarn 설치를 진행합니다.
yarn은 npm과 동일한 기능을 수행하는 패키지 매니저로 facebook 엔지니어링 팀이 npm에서 경험한 보안과 성능 문제를 해결하기 위해 개발되었습니다.
https://classic.yarnpkg.com/en/docs/install#mac-stable
Yarn
Fast, reliable, and secure dependency management.
classic.yarnpkg.com
2) 설치 단계
Getting Started 페이지 > Installation에 접속하면 보이는 아래 스크립트를 통해 아주 빠른 설치가 가능합니다.
> 복사 script
curl -o- -L https://yarnpkg.com/install.sh | bash
터미널 창에 스크립트를 복사 붙여넣기하면 1초만에 yarn 설치가 완료됩니다.
이제 yarn 명령어를 통해 react 설치가 가능합니다.
Posted by Ang
'Front' 카테고리의 다른 글
Next.js Conf (0) | 2022.10.30 |
---|---|
한글 도메인 주소가 DNS에 등록 & 처리되는 과정 (0) | 2022.01.06 |
Next js 맛보기 (0) | 2021.11.10 |
M1 맥북 - VS code 및 도커 설치 (0) | 2021.11.08 |
🛰 API 호출로 프로젝트에 필요한 데이터 GET해오는 방법 (Feat. 프론트앤드, React) (0) | 2021.08.30 |