[React] 노드.js 설치

류재성's avatar
Jul 04, 2024
[React] 노드.js 설치
 

1. 노드.JS 설치

💡
Node.js는 JavaScript 코드를 브라우저 밖에서 실행할 수 있게 해주는 런타임 환경이다.
 
 
notion image
 
 
 
 
환경 변수 설정되어있는 것 확인.
 
notion image
 
 

2. 리액트 설치

💡
React는 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리이. 페이스북에서 개발하고 유지 관리하고 있으며, 단일 페이지 애플리케이션(Single Page Application, SPA) 개발에 많이 사용된다.
 
 
npm install -g npm
notion image
 
npx create-react-app my-app
notion image
 
notion image
 
my-app 폴더가 생성된다.
 
cd my-app npm start // Node.js 실행
 
notion image
 
 

3. 플러그인 설치

 
notion image
💡
스크립트 코드 분석
 
notion image
💡
코드를 자동으로 일관된 스타일로 포맷
 
 
notion image
💡
자주 사용하는 코드 조각들을 쉽게 작성할 수 있도록 도와주는 도구
 
 
 
 
 
 
 
Share article
RSSPowered by inblog