# babel

143개의 포스트

IE에서 ES6 문법 사용

IE에서 ES6사용

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

Babel-practice(4)-preset *

@babel/core, @babel/cli, plugins 를 이용하여 transpile 해보기 코드보기관련 플러그인들을 모아 놓고 한번에 적용하기 위해서 미리 플러그인들을 모아 놓은 것ECMAScript 년도별로 모아 놓은 것들, stage(level-0,1,2,3)

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

Babel-practice(3)-plugin

@babel/core, @babel/cli, plugins 를 이용하여 transpile 해보기 코드보기 babel-plugin 설치 소스 파일 작성(ES6) 적용해보기 블록 스코프 변수 변환(@babel/plugin-transform-block-scopin

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

Babel-practice(2) - CLI

@babel/core, @babel/cli 를 이용하여 transpile 해보기

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

Babel-practice(1)

변환 규칙을 소스에 적용하여 변환 파일을 생성한다.변환 규칙은 가지고 있지 않다. 변환 규칙은 바벨 플러그인이 가지고 있다.

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

Babel 개념 정리

Babel 트랜스파일러(transplier) 라고도 불리는 트랜스컴파일러는 컴파일러처럼 한 언어로 작성된 코드를 다른언어로 바꾸는 도구이다. 엄밀하게 생각해보면, 컴파일이 더 큰 범주에 속한다고 볼 수 있다. 트랜스컴파일은 "하나의 언어로 작성된 소스 코드를 비슷한 수

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

Babel install & config (basic)

webpack은 작게 분리된 많은 모듈들의 의존성을 분석하여 하나의 js파일로 묶는 도구 하나의 js 파일을 번들(bundle)이라 하고 묶는 작업을 번들링(bundling)이라고 한다.번들링은 단순히 모듈을 하나의 파일로 묶는 작업만을 의미하는 것이 아닌, 어플리케이

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

Docker + Prisma + PM2 + Express + Babel 통합하기

새롭게 배포할 API의 관리를 더 쉽게하기 위해, Docker와 PM2를 사용하기로 마음먹었다.이를 설정한 방법을 알아보자.위와 같은 설정을 통해, 배포과정에서 script를 사용 할 수 있게 하였다.Docker 이미지를 build하기 위한, Dockerfile과 .d

2021년 7월 21일
·
0개의 댓글
post-thumbnail

babel과 webpack

babel과 webpack에 대해서

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

[ TIL 07 ] - Node.js 설치 및 시작

node.js 설치 node.js node.js 를 이용하면 단 두 개의 파일만으로 서버 생성이 가능하다(package.json, 파일명.js) node.js 를 설치하면 npm 이 자동으로 설치된다. package.json package.json 파일의 "scrip

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

babel과 webpack을 이용한 ES6+/ES.NEXT 개발 환경 구축

"모던 자바스크립트 Deep Dive" 책 학습 후 정리한 자료입니다.node.js : 14.17.1npm: 6.14.11크롬, 사파리, 파이어폭스, 엣지 같은 에버그린 브라우저의 ES6 지원율은 98%로 거의 대부분 사양을 지원하지만, 구형 브라우저(IE 11)의 지

2021년 7월 16일
·
0개의 댓글
post-thumbnail

Webpack 과 Babel이란 무엇일까?

웹팩은 여러개 파일을 하나로 합쳐주는 모듈 번들러이다.웹팩은 기본적으로 모듈을 지원하고 파일 분할 기능(원하는 코드만 따로 분리해서 하나의 파일로 압축이 가능하다), css loader기능, jsx변환 작업도 해준다.여러개로 나눠진 자바스크립트 파일을 html이 실행할

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

create-react-app, typescript, emotion으로 React 프로젝트 시작하기

작은 프로젝트지만 처음부터 구성하는건 오랜만이라 하는 김에 정리해서 공유하려 한다.우선 CRA와 typescript를 사용할거고, 스타일링은 emotion으로, 코딩 컨벤션을 위해 ESLint와 Prettier를 사용 할 예정이다.일단 아래 명령어 중 하나를 사용해서

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

typescript 번들링

typescript 사용을 위한 웹팩 설정으로, 크게 2가지 방법이 있다.ts-loaderbabel-loader (& preset-typescript)각각의 장단점이 있다.둘의 차이는 빌드과정에 있다.babel-loader는 type과 관련된 구문을 무시(제거)한 채

2021년 7월 11일
·
0개의 댓글
post-thumbnail

babel

ES6를 사용하고 싶은데 브라우저는 이를 인식하지 못한다. 따라서 ES6를 옛날 자바스크립트로 바꿔줄 수 있는 도구가 필요하다. Babel intro 왼쪽이 ES6로 작성한 코드이고 오른쪽이 babel이 변환한 코드이다. 사용방법 @babel/core : loca

2021년 7월 8일
·
0개의 댓글
post-thumbnail

express 구동해보기

서버와 클라이언트 폴더를 만들어준다.그리고 서버폴더 안에 app.js와 server.js를 만들어준다server.js를 실행시키면 app.js를 불러와 구동시키는 방식이다. 초기 app.js 설정이다app.get('/') : express로 들어오는 모든 요청을 받겠다

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

(TIL5) CRA 기초 다지기2

1. require대신 import구문 2. 컴포넌트 안에 다른 컴포넌트 넣기 3. 자동 빌드를 위한 설정값

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

Express, Babel, Mongoose 설치하기(백엔드 개발환경 설치하기)

https://www.inflearn.com/course/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%B8%94%EB%A1%9C%EA%B7%B8-%ED%92%80%EC%8A%A4%ED%83%9D/dashboard이 강의를 보고 제 기술블로그를 만들

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

(TIL4) CRA 기초 다지기(feat.webpack,babel)

1) CRA(Create React App)란❓ 2) webpack 개발환경 구축하기 3) babel 개발환경 구축해주기

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

Optional Chaining

Optional Chaining 사용하기

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