[React.js] 바벨과 웹팩

카테고리 : Development
태그: development · reactjs · node.js · yarn · npm · vscode
등록일: 2022년 08월 25일
최근 업데이트: 2023년 03월 29일

---

• 바벨과 웹팩
  • JSX 없이 사용하는 React – React
    • Webpack

바벨과 웹팩

[JSX없이 사용하는 React] https://ko.reactjs.org/docs/react-without-jsx.html

JSX 없이 사용하는 React – React

A JavaScript library for building user interfaces

React.js 시작하기

React CDN 링크

A JavaScript library for building user interfaces ko.reactjs.org ​ ​ BABEL

@babel/standalone · Babel @babel/standalone provides a standalone build of Babel for use in browsers and other non-Node.js environments. babeljs.io ​ Babel은 JSX를 실습할 수 있는 환경을 제공합니다. 왼쪽 텍스트 필드에 JSX 코드를 입력하면, 오른쪽 텍스트 필드에 Virtual DOM을 구성하는 JavaScript 코드가 출력되는 것을 확인할 수 있습니다. ​​ 순수하게 실행할수 있는 자바스크립트로 변환해주는것 ​ Babel 공식 홈페이지 ​ ​

Webpack

모듈 번들러(Module Bundler) 모듈 번들러란 여러개의 나누어져 있는 파일들을 하나의 파일로 만들어주는 라이브러리 코딩할 때 편의를 위해 여러 개의 모듈로 나눠서 작업 리액트에서 웹팩을 디폴트로 제공 ( 모듈처럼 나눠서 작업할수있게 ) ​ Webpack