출처 - 리액트를 다루는 기술(김민준 지음) 1. 코드 이해하기 create-react-app 으로 만든 리액트 프로젝트 파일 알아보기! src/App.js 최상단에는 다음과 같은 코드가 있다. import React from 'react'; import logo from './logo.svg'; import './App.css'; 번들러 번들러(bundler)는 Node.js 환경에서만 지원하는 module import, export 기능을 브라우저에서 사용하게끔 도와준다. 번들(bundle)은 묶는다는 뜻이므로, 파일을 묶듯이 연결해 준다. 웹팩 번들러의 종류에는 웹팩, Parcel, browserify 등의 도구 들이 있으며 리액트에서는 주로 웹팩을 사용한다. 웹팩의 편의성과 확장성이 다른 도구보다..