# babel

108개의 포스트

Nuxt.js bebel warn "loose" 설정

웃긴 건 같은 소스임에도 회사에서는 안뜨고 괜찮은데, 집에서만 Warn 이 뜬다. VSCode에서의 setting.json 설정도 동일함에도 뜬다. 즉, 이유는 난 모르겠다 ㅎ.ㅎ) 나중에 알게 되거든 수정해야지!nuxt.config.js 파일에 다음과 같이 작성한다.

5일 전
·
0개의 댓글

[Error] IE에서 템플릿 리터럴 작동 불가 및 해결 방법

테스트를 하던 도중 또 IE 브라우저에서 지원하지 않는 것을 발견했다. 💦 💦 개발환경에 따라 동적으로 주소를 바꿔주기 위한 작업을 위해 템플릿 리터럴을 사용했다. 파이어폭스와 크롬에서 잘 작동하였는데 IE 에서는 작동하지 않았다. IE에서는 Template lit

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

typescript, react 로 만드는 slack

react , typescript , clone coding!!!

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

babel / babel-polyfill / whatwg-fetch 적용

babel를 쓰는 이유는? 일반적으로 요즘 브라우저들은 ES6문법을 제공한다. 하지만 제공하지 않는 브라우저들도 간간히 존재하는데... IE가 대표적으로 그랬다. 하지만 실제 회사에서 작업을 하다보면 IE에 대해서 신경을 안 쓸 수가 없다. 그렇기 때문에 현재 Vani

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

JSX & Babel

JSX와 Babel 알아보기

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

[Webpack] Babel

ES5 버전으로 변환시켜주는 컴파일러, Babel을 설치해보도록 합시다.

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

IE - es6 삽질하기

Webpack을 사용하는 Vue페이지.Chrome에서는 잘 뜨던 페이지가 IE에서 뜨지 않는다!개발자 모드를 켜본다.새로고침을 하고 콘솔로그를 살펴본다.SCRIPT1002: 구문오류build.xx.js 클릭하면 디버거 탭으로 전환되면서 구문오류가 있는 부분이 보인다.e

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

[Parcel] Babel

Parcel bundler를 통해 컴파일러의 하나인 Babel을 설치하는 방법에 대해 살펴봅시다.

2021년 4월 21일
·
1개의 댓글
post-thumbnail

프론트엔드 빌드시스템

프론트엔드 빌드시스템에 대해 알아보자. (feat. Babel)

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

Github Organization에 NPM Package를 배포해보자

이번에 진행하는 일에서 React Component로 제작해서 배포해야 할 일이 생겼다. 그래서 기존에 CRA로 제작한 Component를 Babel을 통하여 Package로 배포하려고 생각하고 진행하였다.

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

Babel이란

자바스크립트는 매우 빠르게 발전하고있다. ECMAScript 2015, 2016, 2017, 2018 등등 거의 매년 새로운 스펙과 기능이 추가되어 왔다.하지만 국내에서 아직도 많이 사용하는 IE 와 같은 구형 브라우저는 이런 새로운 기능을 지원하지 않기 때문에 예전

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

Webpack과 babel을 이용한 react 초기 설정

바벨 로우가 생각나는 밤

2021년 3월 26일
·
0개의 댓글
post-thumbnail

[Full Stack]유튜브 클론 코딩 Note | Node.js

본 글은 Nomad Coders 의 유료 코딩 강의 '풀스택 유튜브 클론 코딩' 내용을 토대로 작성되었습니다. 공부한 내용을 정리하기 위해 이해한대로 작성되기에 설명이 부족하거나 틀린 내용일 수 있습니다강의를 수강하면서 노션, 슬리드 등으로 내용 정리를 하였으나 체계적

2021년 3월 16일
·
0개의 댓글

웹팩 바벨 화살표함수가 ES5 일반 함수로 트랜스파일 안 될 때...

웹팩으로 IE를 지원 하기 위해서 babel을 사용하고 core-js도 설정을 해주었다. 그 설정은 다음과 같았다.babel.config.jswebpack.config.js다음과 같이 설정을 해뒀는데 build를 해도 계속 화살표 함수가 바뀌지 않는 것이었다. babe

2021년 3월 14일
·
0개의 댓글

JS Babel(바벨)

바벨은 ECMAScript 2015+로 작성한 코드를 구버전의 자바스크립트 파일로 변환해줌으로 모든 브라우져에서 동작하도록 호환성을 지켜준다. 또한 타입스크립트, JSX처럼 다른 언어로 분류되는 것도 포함한다.바벨은 세 단계로 빌드를 진행한다.1\. 파싱(Parsing

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

2. react + webpack + babel로 개발 환경 구축하기 (javascript)

저는 보통 yarn 을 사용하기때문에 이 예제에서 npm을 사용하지 않지만 둘 중 하나 아무거나 해도 상관없습니다! react: React 라이브러리를 불러온다.react-dom: DOM rendering을 위한 ReactDOM을 담고 있다.webpack: webpac

2021년 3월 5일
·
0개의 댓글

1. webpack, babel에 대하여

모듈 번들러.모듈이 뭐지?모듈 번들러왜 번들링을 해야하는걸까?프로그래밍 관점에서 특정 기능을 갖는 작은 코드 단위를 의미한다. 그렇지만 웹팩에서의 모듈은 자바스크립트 같은 코드에만 국한되지 않고 웹 어플리케이션을 구성하는 모든 자원을 의미하는데, HTML, css, J

2021년 3월 5일
·
0개의 댓글
post-thumbnail

CRA없이 React환경 구축하기

React+Typescript 환경에서의 webpack, babel설정을 진행한다.

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

Babel Tutorial

💻 Babel이란? Babel은 ECMAScript 2015+ 문법으로 작성된 코드를 ECMAScript 2015+ 를 지원하지 않는 브라우저에서도 동작하도록 코드를 변환해주는 툴이다. 그 밖에도, react의 JSX, 타입스크립트의 문법 등도 변환 할 수 있다.

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

[프론트엔드 개발환경과 실습] Babel #6

가장 많이 쓰이며, es5 문법에 맞게 변환됨npm i @babel/preset env브라우저 버전명만 지정하면 env 프리셋이 최적의 코드를 출력해줌es5로 변환하지 못하는 것들로 코드 조각을 추가해서 해결Promise는 대체할 수 없으나 es5 버전으로 구현할 수는

2021년 2월 24일
·
0개의 댓글