# babel

87개의 포스트

React - Babel (incompletion)

babel?1\. 입력과 출력이 모두 JS 코드인 컴파일러이다.2\. 초기에는 ES6코드를 ES5코드로 변환해주는 컴파일러였다. ex)ES6가 새로 나왔을때는 호환이 안되는 곳에서 사용했다.3\. 현재는 JSX문법, typescript 같은 정적타입언어를 변환해준다.

어제
·
0개의 댓글
post-thumbnail

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

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

3일 전
·
0개의 댓글

MYSTAGRAM 제작기 2

환경설정 Apollo Sever 가이드 package.json에서 변경 최신 import 형식 but Must use import to load ES Module 에러 해결책 package.json에

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

Babel 이란?

크로스 브라우징이란 ? 브라우저나 플랫폼마다 보여지는 모습이 다른 경우가 많습니다. 바벨은 이러한 차이를 최소하 하여 브라우저, 환경에 영향을 최소한으로 받고 해당 웹 서비스를 사용할 수 있게 최적화를 하는 작업을 말합니다. 일부 최신 브라우저에서만 동작하는 기능을 그

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

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

👩‍💻 인프런 강의 Babel - ECMAScript2015+ 이상으로 작성된 모든 코드를 브라우저에서 동작하도록 호환성을 지켜줌 (타입스크립트, JSX 포함) - 설치 : npm install @babel/core @babel/cli - 실행 : npx bab

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

[프론트엔드 개발환경과 실습] NPM #1

👨‍💻NPM 프론트엔드 개발환경 실습 강의를 들으면서 기존에 궁금했던 내용을 추가하여 정리 하였습니다. 1. 프론트엔드 개발에 node.js가 필요한 이유 최신스펙으로 개발할 수 있다. 빌드 자동화 개발환경 커스터마이징

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

hello, my friend react. - concepts

페이스북에서 만들고 관리하는 UI기능만 제공하는 라이브러이 입니다. 따라서 전역 상태관리나 라우팅 또는 빌드 시스템등을 각 개발자가 직접 구축해야 하는 친구 입니다.즉, 자유도가 높다는 장점이 있지만 개발환경을 직접 구축해야하는 다소 번거로운 점이 있습니다.프론트엔드

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

바벨 설정 쌩기초 - import statement vs require method 를 중심으로

babel은 ECMAScript 2015+ 코드를 이전 JavaScript 엔진에서 실행할 수있는 이전 버전과 호환되는 JavaScript 버전으로 변환하는 데 주로 사용되는 무료 오픈 소스 JavaScript 트랜스 컴파일러입니다.(출처: 위키피디아)뷰나 리액트로 프

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

TIL] Compiler-Bable

Babel은 모든 브라우저에서 최신 JavaScript 문법이 잘 동작하도록 도와주는 JavaScript Compiler이다.Compiler를 사용하는 이유는 최신 Version의 JavaScript 문법을 지원하지 않는 브라우저에서도 개발자가 의도한대로 코드가 동작하

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

Babel (바벨)

많은 개발자들이 개발의 편의성과 생산성 향상을 위해 최신 JS 문법인 ES6, ES7를 사용한다. 그러나 브라우저의 종류, 버전에 따라 해당 문법을 이해하지 못할 수 있다.Babel은 상위 문법을 ES5와 같은 범용적인 하위버전의 JS 문법으로 변환한다.설정에 따라 어

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

[JavaScript] Babel / Webpack

Babel / Webpack

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

210120 TIL #React

React 웹 게임을 만들며 배우는 React(1) 리액트는 불필요한 컨텐츠의 리로드가 없다. 예를 들어 리액트를 사용하지 않은 페이지는 컴포넌트 하나를 클릭하면 전체화면이 다시 로딩된다. 리액트는 필요한 스테이트의 정보만 리로드하기 때문에 결과적으로 동적인 웹페이지를 효율적으로 유지 보수하고 관리할 수 있다. \[참고\]React를 사용하는 이유 Com...

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

[ TIL ] JS의 발전 역사

JS의 발전 역사 / 왜 더이상 jQuery를 쓰지 않는지? / ES5, ES6가 뭐야?

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

Vue + Express 웹 사이트 만들기 (4) 하란대로 했는데 express 코드에 es6가 안 먹힐 때

하란대로 babel을 적용했는데 Unexpected identifier 에러가 계속 발생한다.

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

TIL. React Tool

👩🏻‍💻 React를 쓰는 이유, React 프로젝트를 위한 환경설정과 필요한 Tool에 대해 알아보고 이를 정리해보았다.JavaScript runtime environment (framework) that executes JavaScript code outsid

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

배워서 나주는 BABEL

배워서나준다

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

[Typescript & React & Webpack 환경설정 2편] Babel 설정

Typescript & React & Webpack 환경설정을 위한 Babel 학습 및 설정

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