wei3on 님의 블로그

babelJavaScript 컴파일러최신 버전의 JavaScript 코드를 이전 버전의 JavaScript로 변환하는 도구 최신 JavaScript 문법을 사용하면서도 구형 브라우저나 환경에서 코드가 동작할 수 있게 함아직 제안 단계에 있는 JavaScript 기능을 현재 사용할 수 있게 해줌크로스 브라우저 호환성 보장최신 JavaScript 기능을 안전하게 사용 가능코드의 가독성과 유지보수성 향상 더보기npm i -D @babel/core @babel/preset-env @babel/plugin-transform-runtime개발 의존성으로 패키지 설치  프로젝트 루트에 .babelrc.js 파일 생성바벨이 동작할 수 있는 내용 작성하기 webpack.config.js 파일 설정babel-loader ..

리액트 앱 설치npx create-react-app npx create-react-app ./        // 현재 디렉토리 지정   Webpack이란?웹팩은 오픈 소스 자바스크립트 모듈 번들러로써 여러개로 나누어져 있는 파일들을하나의 자바스크립트 코드로 압축하고 최적화하는 라이브러리 장점여러 파일의 자바스크립트 코드를 압축하여 최적화 -> 로딩에 대한 네트워크 비용을 줄일 수 있음모듈 단위로 개발이 가능하여, 가독성과 유지보수가 쉬움 Babel이란?최신 자바스크립트 문법을 지원하지 않는 브라우저들을 위해서최신 자바스크립트 문법을 구형 브라우저에서도 돌 수 있게 변환시켜주는 라이브러리  npx create-react-app ./ 에서 npx란?npx는 노드 패키지 실행을 도와주는 도구create-rea..