[React] 노드.js 설치

류재성

Jul 04, 2024

Contents

1. 노드.JS 설치 2. 리액트 설치 3. 플러그인 설치

1. 노드.JS 설치

💡

Node.js는 JavaScript 코드를 브라우저 밖에서 실행할 수 있게 해주는 런타임 환경이다.

Node.js — Run JavaScript Everywhere

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

https://nodejs.org/en

Node.js — Download Node.js®

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

https://nodejs.org/en/download/prebuilt-installer

환경 변수 설정되어있는 것 확인.

2. 리액트 설치

💡

React는 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리이. 페이스북에서 개발하고 유지 관리하고 있으며, 단일 페이지 애플리케이션(Single Page Application, SPA) 개발에 많이 사용된다.

시작하기 – React

A JavaScript library for building user interfaces

https://ko.legacy.reactjs.org/docs/getting-started.html


npm install -g npm


npx create-react-app my-app

my-app 폴더가 생성된다.


cd my-app
npm start // Node.js 실행

3. 플러그인 설치

💡

스크립트 코드 분석

💡

코드를 자동으로 일관된 스타일로 포맷

💡

자주 사용하는 코드 조각들을 쉽게 작성할 수 있도록 도와주는 도구

Contents

1. 노드.JS 설치 2. 리액트 설치 3. 플러그인 설치

React

[React] 노드.js 설치

류재성

Jul 04, 2024

Contents

1. 노드.JS 설치 2. 리액트 설치 3. 플러그인 설치

1. 노드.JS 설치

💡

Node.js는 JavaScript 코드를 브라우저 밖에서 실행할 수 있게 해주는 런타임 환경이다.

Node.js — Run JavaScript Everywhere

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

https://nodejs.org/en

Node.js — Download Node.js®

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

https://nodejs.org/en/download/prebuilt-installer

환경 변수 설정되어있는 것 확인.

2. 리액트 설치

💡

시작하기 – React

A JavaScript library for building user interfaces

https://ko.legacy.reactjs.org/docs/getting-started.html


npm install -g npm


npx create-react-app my-app

my-app 폴더가 생성된다.


cd my-app
npm start // Node.js 실행

3. 플러그인 설치

💡

스크립트 코드 분석

💡

코드를 자동으로 일관된 스타일로 포맷

💡

자주 사용하는 코드 조각들을 쉽게 작성할 수 있도록 도와주는 도구

Contents

1. 노드.JS 설치 2. 리액트 설치 3. 플러그인 설치