# babel

180개의 포스트

웹팩 & 바벨 사용하기

npm initnpm install --save-dev @babel/core @babel/cli @babel/preset-envCLI나 config 파일로 바벨 설정을 할 수 있다. config 파일

5일 전
·
0개의 댓글
post-thumbnail

[Babel] regeneratorRuntime is not defined 오류 해결 🔍

ES8+, async/await 문법을 이용하려 했지만 오류 발생regeratorRuntime을 컴파일 과정에서 인식을 못하는 문제이제 @babel/polyfill 은 세분화된 다른 패키지로 기능이 넘어갑니다.@babel/polyfill 대신 regeratorRunti

6일 전
·
0개의 댓글
post-thumbnail

CRA 없는 React & TypeScript 설정 - 최적화 및 webpack 추가 설정

CRA 없는 React & TypeScript 설정에 이어서 진행되는 글입니다.이 글은 webpack을 사용해서 React & TypeScript 개발 환경을 처음부터 설정하는 과정을 다루며 개인적인 용도로 추후에도 쉽게 설정하기 위한 목적으로 작성되었습니다.이전 글에

2021년 10월 17일
·
0개의 댓글
post-thumbnail

🙆🏻‍♀️ 리액트 환경 구성 🙆🏻‍♀️

create-react-app 하지 않고 리액트 앱을 만들어 보자.

2021년 10월 15일
·
2개의 댓글
post-thumbnail

CRA 없는 React & TypeScript 설정

React 앱을 CRA로 생성하는 것은 매우 간단합니다 대부분의 상황에서 적용할 수 있도록 범용적으로 작성되었기 때문에 간단한 프로젝트에서는 적합하지만 프로젝트의 규모가 커지고 webpack 설정을 건드려야 할 때는 그 방법이 복잡합니다. 그렇기 때문에 처음부터 web

2021년 10월 14일
·
0개의 댓글
post-thumbnail

CRA를 사용하지 않고 React 초기 세팅하기

webpack5 + typescript+ react 밑바닥부터 초기세팅하기

2021년 10월 7일
·
0개의 댓글

ES6문법 변환

NodeJS에서의 ES6문법을 위한 babel 적용

2021년 10월 6일
·
0개의 댓글
post-thumbnail

[Node.js] Express Babel 적용하기

주로 사용하는 Node.js 웹 프레임워크인 Express에서 ES6을 위한 Babel을 적용하는 방법

2021년 10월 6일
·
0개의 댓글
post-thumbnail

Webpack 적용하기

CRA 없이 환경구성하기 - 2

2021년 10월 6일
·
0개의 댓글
post-thumbnail

yarn berry & babel 추가하기

react 환경 구성해보기 - 1

2021년 10월 4일
·
0개의 댓글

Babel

JavaScript 컴파일러다.최신 버전의 JavaScript로 코드를 작성하는데 도움이 되는 도구이다.지원되는 환경이 특정 기능을 기본적으로 지원하지 않는 경우 Babel은 이러한 기능을 지원되는 버전으로 컴파일하는데 도움을 준다.현재 및 이전 브라우저 또는 환경에서

2021년 10월 4일
·
0개의 댓글
post-thumbnail

Babel - preset

babel preset에 대해 알아보자

2021년 10월 1일
·
0개의 댓글
post-thumbnail

Babel

바벨에 대해 알아보자

2021년 10월 1일
·
0개의 댓글
post-thumbnail

[Node.js] Babel

Node.js 개발 환경에서 ES6 사용하기 위한 Babel: JavaScript Transpiler

2021년 9월 30일
·
0개의 댓글
post-thumbnail

Excel파일을 업로드 시 Json으로 변환 (+babel)

프로젝트를 하는 중 다운로드 된 엑셀 파일을 업로드해야하는 기능을 추가 할 때 사용한 로직이다. FileReader와 SheetJS를 사용하였다. 주의할 점은 FileReader는 파일을 읽는 것까지만 제공합니다. 엑셀파일의 내용을 읽고 JSON으로 변환하기 위해서 자

2021년 9월 29일
·
2개의 댓글

[Vue.js] Webpack과 Babel

Webpack, Babel

2021년 9월 28일
·
0개의 댓글
post-thumbnail

create-react-app 없이 리액트 앱 빌드하기 1 - Babel

들어서며 많은 사람이 처음 리액트 개발을 할 때 Facebook이 제공하는 create-react-app (이하 CRA)을 사용할 것이다. CRA는 번거로울 수 있는 초기 세팅을 모두 해 주기에 분명 편리하지만 리액트 앱을 자기 입맛대로 수정하려는 개발자에게는 일종의

2021년 9월 23일
·
0개의 댓글
post-thumbnail

[Concept Summary] Webpack, Babel

리액트 프로젝트를 생성할 때 CRA(Create-React-App)를 사용했기 때문에 Webpack, Babel의 설치 및 설정을 하지 않고 작업 환경을 구축했다.CRA가 자동으로 작업 환경을 구축해주었기 때문에 Webpack과 Babel의 개념을 보고 넘어가야 할 것

2021년 9월 19일
·
0개의 댓글
post-thumbnail

Node.js - Babel 이란?

개인 프로젝트를 하려다가 Babel 개념이 나와서 어떤 건지 짚고 넘어가기로 했다.ES5 와 ES6,7 차이를 먼저 알아보자.ES5는 2009년도에 표준화된 JS로 우리가 알고 있던 JS 표준언어이다.2015년도에 개정판으로 표준화된 JS가 나오게 되었는데, 이를 ES

2021년 9월 18일
·
0개의 댓글
post-thumbnail

[React] React + Typescript + Webpack + Babel 초기 셋팅하기(1)

React + Typescript + Webpack 으로 프로젝트 초기 셋팅 설정하기

2021년 9월 13일
·
0개의 댓글