# 바벨

9개의 포스트
post-thumbnail

hello, my friend react. - concepts

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

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

크로스 브라우징 Cross-browsing 이란? (Pollyfill 폴리필, Babel 바벨, Webpack웹팩)

Croos Browsing이란 적어도 표준 웹기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우지지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법을 말하는 것이다. 또한, 지원할 수 없는 다른

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

'프론트엔드 개발환경의 이해'를 읽고

유튜브 양재동 코드랩에서 우연히 '프론트엔드 개발환경의 이해'라는 영상을 보다가 찾아보았다. 김정환님의 블로그에 잘 정리되어 있어서 읽어보았는데 그동안 매번 쓰면서 뭔가 했던 내용들을 깔끔하게 정리해주었다.연재는 총 5편으로 진행된다.NPMnode.js의 설치부터 pa

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

[React] Start to React

> What is React? **"사용자 인터페이스를 만들기 위한 JavaScript 라이브러리" ** 공부를 하다보면 리액트를 라이브러리로 봐야하는가 프레임워크를 봐야하는지의 논의가 자주 등장한다. 나의 생각을 말

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

[Bundlers] 1. Babel 이란?

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

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

바벨 - extends, env, overrides 속성

extends: 다른 설정 파일을 가져와 확장 가능env, overrides : 환경별 또는 파일별로 다른 설정을 적용 가능extends 속성을 사용하면 다른 설정 파일을 가져와 사용할 수 있습니다.플러그인에 옵션을 설정할 때는 배열로 만들어서 두 번째 자리에 옵션을

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

Webpack

웹팩, 바벨

2020년 3월 28일
·
0개의 댓글

ES6 개념, 바벨(Babel), ECMAscript - FE study9

1. ES6? ECMAscript : 스크립트 언어가 준수해야 하는 규칙, 세부 사항 및 지침을 제공. Javascript : ECMAScript 사양을 준수하는 범용 스크립팅 언어. Javasciprt는 ECMAscript 라는 코어와 DOM(Document Object Model), BOM(Browser Object Model) 두개의 모델로 이루어...

2020년 1월 15일
·
0개의 댓글