Node.js 와 NPM 설치

2023. 1. 12. 20:53Study/React

728x90

Node.js - 브라우저에서만 이용 할 수 있었던 자바 스크립트를 내 컴퓨터에서 실행할 수 있게 해주는 프로그램

NPM(Node Package Manager) - Node.js 의 패키지 관리 시스템. 백앤드의 그래들 같은 역할.

 

https://nodejs.org/en/ 에서 노드 설치.

----------------------------------------------------------------------------------------

npm을 이용한 node프로그램 초기화

cmd나 파워셀에서

npm init

기본적인 정보들을 입력하고 나면 package.json 파일을 만들어주며 프로젝트의 메타데이터가 들어간다.

npm install react

와 같은 형식으로 설치할 수 있으며 package.json이 업데이트 된다.

만약 깃 리포지터리에서 코드를 받았다면

npm install

위 명령을 이용해 모든 패키지 설치가 가능하다.

-----------------------------------------------------------------------------------------

npx create-react-app test-app

test-app이라는 리액트 어플리케이션 생성

npm start

로 실행할 수 있다.

 

npm install @mui/material@latest @emotion/react@latest @emotion/styled@latest
npm install @mui/material @emotion/react @emotion/styled
npm install @mui/icons-material@latest

UI 패키지들

728x90