# babel

57개의 포스트

[babel] React Native 절대경로 추가하기

babel.config.js에 경로를 추가합니다.tsconfig.json에 경로 추가해서 vscode가 인식할 수 있게 만들어줍니다.metro server 캐시를 리셋해줍니다. (이것 때문에 삽질함)src/components 디렉토리를 절대경로로 추가해보겠습니다.roo

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

바벨(Babel)

웹 어플리케이션 제작할 때 없어서는 안되는 필수 기술인 바벨에 대해 알아보자.

4일 전
·
0개의 댓글

Babel 컴파일을 살펴보자

Babel은 입력과 출력이 모두 자바스크립트 코드인 컴파일러이다. Babel is a JavaScript compilerBabel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a ba

2020년 11월 9일
·
0개의 댓글

vue.js 프로젝트 cli 를 사용하지 않고 직접 구성하기

vue-cli 를 사용하지 않고 vue 프로젝트를 직접 구성해보자.

2020년 11월 9일
·
0개의 댓글

바벨 (Babel)

자바스크립트는 끊임없이 진화하는 언어입니다. 새로운 제안(proposal)이 정기적으로 등록, 분석되고, 가치가 있다고 판단되는 제안은 https://tc39.github.io/ecma262/에 추가됩니다. 그리고 궁극적으로 명세서(specification)에

2020년 11월 2일
·
3개의 댓글
post-thumbnail

[Babel] 폴리필(polyfill) - @babel/preset-env

안녕하세요 폴리필(polyfill)에 대한 포스팅입니다.바벨과 폴리필에대해서 처음 공부할 때 비슷해서 꽤 헷갈렸습니다.먼저 작용하는 시점에 대해서 알아야할 필요가 있었습니다.컴파일 타임 & 런 타임이 글에서컴파일-타임은 바벨이 컴파일하는 시점런-타임은 브라우저에서 실행

2020년 11월 1일
·
0개의 댓글
post-thumbnail

[Babel] 바벨 설정 방법 (1) - 전체설정파일 , 지역설정파일

안녕하세요! 바벨 설정파일이 가지는 범위에대한 포스팅입니다.바벨 설정파일의 종류에는 어떤 것들이 있을까요?전체 설정파일 (project-wide)babel.config.js지역 설정파일 (file-relative).babelrc.babelrc.js바벨 설정이 담긴 pa

2020년 11월 1일
·
0개의 댓글
post-thumbnail

[Babel] 바벨 설정 방법 (2) - (extends, env, overrides 속성)

안녕하세요 바벨설정방법에 대한 포스팅입니다!바벨설정방법 중 extends, env, overrides속성에 대해 알아보겠습니다.extends속성을 이용해서 다른 설정파일을 가져와 확장해보겠습니다.어떤 식으로 덮어씌워지는지 보겠습니다.플러그인에 옵션을 설정하 때는 배열로

2020년 11월 1일
·
0개의 댓글
post-thumbnail

[Babel] 기본 사용법과 컴파일과정

안녕하세요 바벨에 대한 포스팅입니다!Babel : Documentation바벨(Babel)은 최신 또는 구식 브라우저환경에서 ECMAScript 2015+ 코드를 호환 가능한 JavaScript 버전으로 변환하는 데 주로 사용되는 자바스크립트 컴파일러입니다.또, 입력과

2020년 11월 1일
·
0개의 댓글
post-thumbnail

what is Babel

이 글은 개발한지 1년이 된 예비 주니어 개발자가 쓴 글로 오류가 있을 수 있습니다.문제가 있거나 수정했으면 하는 부분은 댓글로 알려주시면 감사하겠습니다.babel은 브라우저에서 지원하지 않는 es7이나 es6 문법을 es5 이하의 문법으로 변환시켜서,구 브라우저에서

2020년 10월 26일
·
0개의 댓글

webpack + babel 구성하기

webpack + babel 구성!

2020년 10월 25일
·
0개의 댓글
post-thumbnail

[인프런] 프론트엔드 개발환경의 이해와 실습 #1

지난 추석 인프런에서 모든 강의 25% 👏 할인 행사를 진행할 때 '프론트엔드 개발환경의 이해와 실습'을 강의를 구매했다. 지금까지는 Javascript, Vue.js, Python 등을 위주로 공부했었는데 같은 팀이었던 스크립터분이 프론트엔드로서 나아가려면 개발환경

2020년 10월 15일
·
0개의 댓글
post-thumbnail

Express로 서버 만들어보기(1)

nodejs의 express 프레임워크로 서버 구현하기

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

[Bundlers] 1. Babel 이란?

최신 사양의 자바스크립트 코드를 하위 사양(ES5 이하)의 코드로 트랜스파일링 Babel CLI 와 Core 설치package.json 파일 내용Babel을 사용하려면 @babel/preset-env을 설치해야 함@babel/preset-env : 필요한 플러그인들을

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

CRA (with npx)/ Webpack / Babel

                                            (그림 출처 : https://www.techdiagonal.com/)Facebook에서 만든 react 웹 개발용 Boilerplate ModuleWebpack, Babel 등의

2020년 9월 12일
·
0개의 댓글
post-thumbnail

Babel 이란?

Poiemaweb : https://poiemaweb.com/es6-babel-webpack-1Engineering Blog : https://www.daleseo.com/js-node-es-modules/ES6+ 또는 ES NEXT의 ES 최신 사양

2020년 9월 10일
·
0개의 댓글

우아한 테크러닝 3기 3회차

많은 라이브러리나 프레임워크들이 나오고 있습니다. 이를 사용하면 쉽게 어떠한 것을 구현하기 쉬워집니다. 하지만 개발자들이 단순히 사용자가 되지 않길 바라는 마음에 이번 회차에 리액트를 구현해보고 라이브러리나 프레임워크들의 코드의 내부를 보았으면 좋겠다고 하셨습니다. 상

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

TIL29 - Babel

Using Babel to transpile ES6+ codes to ES5 - step by step

2020년 9월 5일
·
0개의 댓글
post-thumbnail

프론트엔드 개발자라면 알아야 할 이론

WWW 란 ? HTTP HTTP Status Code, REST API HTML, CSS DOM 브라우저 동작 방법 SSR, CSR javascript event loop babel, webpack 의 탄생 및 개요

2020년 8월 31일
·
1개의 댓글
post-thumbnail

[TIL] Node JS 에서 ES6 문법 사용하기 feat. babel 🦖

바벨은 ECMAScript 최신 문법으로 작성된 코드들을 구버전의 브라우저에서도 실행할 수 있게끔 변환해주는 트랜스파일러이다. 특히 개발하는 서비스가 구버전의 IE를 지원해야하는 경우 Babel을 이용한 호환성 확장은 필수적이다.

2020년 8월 25일
·
0개의 댓글