리액트

웹팩웹팩은 모듈들을 모두 합쳐서 하나의 파일을 생성하는 번들러(bundler) 도구들 중 하나로, 리액트에서 주로 사용되고 있다. 대표적인 번들러로는 웹팩, Parcel, browserify가 있다. 리액트의 대표적인 모듈을 불러오는 코드import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import logo from './logo.svg'; import './App.css'; create-react-app 을 이용하여 만든 리액트 프로젝트는 src/index.js를..

1. NodeJS 설치 Node.js는 크롬 V8 자바스크립트 엔진으로 빌드한 자바스크립트 런타임이다. 이것으로 웹 브라우저 환경이 아닌 곳에서도 자바스크립트를 사용하여 연산할 수 있다. 리액트 애플리케이션은 웹 브라우저에서 실행되는 코드이므로 Node.js와 직접적인 연관은 없지만, 프로젝트를 개발하는 데 필요한 주요 도구들이 Node.js를 사용하기 때문에 설치한다. 이 때 사용하는 개발 도구에는 ECMAScript 6를 호환시켜주는 바벨, 모듈화된 코드를 한 파일로 합치고(번들링) 코드를 수정할 때마다 웹브라우저를 리로딩하는 등의 여러 기능을 가진 웹팩 등이 있다. https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chr..