# polyfill

nawon5154

트랜스파일을 위한 도구인 Babel에 대한 실습을 진행해보자! Babel 설치 개발 환경에서만 필요하므로, devDependencies에 설치 될 수 있도록 -D 옵션을 붙여준다. 바벨 cli 명령어와 프리셋 관련된 것들을 한번에 설치해주었다. Babel 설정

developer-jyyun

구 브라우저에서도 최신자바스크립트 코드를 작동하도록 변환해주는 컴파일러(트랜스파일러) 프로그램최신 버젼의 자바스크립트가 실행이 안되는 구버젼 웹브라우저를 대응하기 위해 사용.높은 수준의 언어 (Python, Java, C) 등의 언어를 컴퓨터가 이해할 수 있도록 낮은

gaoridang

자바스크립트 기반 정적 모듈 번들러하나 이상의 진입점(entries)에서 내부적으로 종속성 그래프(dependency graph)를 만든다.프로젝트에 필요한 모든 모듈을 하나 이상의 번들로 결합한다.HMR(Hot Module Replacement)을 제공한다. (파일

tjdgur

동기 : 클라이언트가 요청을 보낸 후 서버로부터 요청에 대한 응답(=결과)가 와야 다음 동작을 실행비동기 : 요청을 보낸 후 응답에 상관없이 다음 동작을 실행\-- 비동기는 자원의 효율적인 사용이 가능하지만 설계가 동기적방식보다 복잡API는 응용 프로그램에서 사용할 수

chuhoon

polyfill은 인터넷 익스플로워 같은 이전 브라우저에서 동작할 수 있게 하는데 필요한 코드이다.Babel이 있는데 왜 polyfill이 필요할까?Babel은 자바스크립트 컨파일러이다. 빠르게 변화하는 프론트엔드 시장에서 최신 ES문법을 이전 브라우저가 사용하게 하기

baedormann

polyfill, barbell

imim

발단: Chrome 브라우저 90.x 버전에서 at() 메서드 오류 발생 🔼 JavaScript built-in: at | Can I use 🔼 [at() | MDN](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Strin

hozzijeong

그동안 궁금했던 웹팩과 바벨 폴리필에 대해 나름 정리해 본 글입니다.

kyung-baa

Webpack > 웹팩은 여러개의 파일을 하나로 합쳐주는 모듈 번들러 웹팩(Webpack)은 의존성을 분석해 모듈을 번들(여러 개를 하나로 묶어주는)시켜주는 역할을 한다. 프로젝트를 개발하다보면 수 많은 라이브러리들을 사용하게 되는데 빌드(build)라는 과정을 통

fe_jungseok

바벨은 ES6+ 버전 이상의 자바스크립트나 JSX, 타입스크립트 코드를 하위 버전의 자바스크립트 코드로 변환 시켜 IE나 다른 브라우저에서 동작할 수 있도록 하는 역할을 한다. 크로스 브라우징은 브라우저나 플랫폼마다 보여지는 모습이 다른 경우가 많은데, 이러한 차이를

heena92

폴리필(Polyfill)은 웹 개발에서 기능을 지원하지 않는 웹 브라우저 상의 기능을 구현하는 코드를 뜻한다. 대부분의 경우, HTML5 또는 CSS 웹 표준을 구현하는 JavaScript 라이브러리를 참조한다. 즉, 이전 브라우저에서 확립된 표준(일부 브라우저에서 지

jinic

최신버전 스크립트를 ES5 코드로 Transpiling 해주는 TranspilerJavascript의 Syntax로 읽히지만 정의되어 있지 않은 객체들을 정의해주는 개념(Promise, Map, Set 등)

quddnr005

먼저 크로스 브라우징(Cross Browsing)에 대해서 설명해야 할 것 같다. 크로스 브라우징은 브라우저나 플랫폼마다 보여지는 모습이 다른 경우가 많은데, 이러한 차이를 최소화 하여 브라우저, 환경에 영향을 최소한으로 받고 해당 웹 서비스를 사용할 수 있게 최적화를

bbaa3218

폴리필은 브라우저에서 지원하지 않는 코드를 사용 가능한 코드 조각이나 플러그인으로 변환한 코드를 의미한다. 하위 브라우저가 지원하는 자바스크립트 코드를 사용해 자바스크립트의 최신 기능을 똑같이 구현하는 방식이다.자바스크립트는 각 버전별로 지원하는 메소드가 상이하고 브라

iamchiwon

iOS 12 에서 Promise.allSettled 가 동작하지 않았습니다.compatibility(https://kangax.github.io/compat-table/es2016plus/그렇다면 이것을 하나하나 Polyfill 해야 하나?이미 누군가 만들어

sssjsjj

시작하기 전 🤔 ❓ node.js 쓰면 무엇이 좋을까 예전엔 폴더 하나 만들고 그 안에 html, js파일 만들어서 작업했었다. 이번엔 node.js 환경을 구축해서 작업해보고 싶었는데, 개념과 장점을 명확히 알고 쓰고싶었다. >Node (또는 더 공식적으로는 No

qkrtnfks128

브라우저 호환성polyfill은 호환이 안되는 곳에는 대신 fetch기능을 지원해주고 호환이 되는 곳에서 기존 기능을 사용하게 함

bandor

CRA로 만든 프로젝트에서, Dynamic import를 이용한 code splitting은 굉장히 쉬웠다. CRA를 쓰지 않은 프로젝트에선 어떻게 해야하는지 정리해본다. @babel/preset-env에는 기본적으로 dynamic-import를 트랜스파일링할 수 있

cptkuk91

비교적 최근 추가 된 기능으로 코드가 특정 엔진에서 지원하지 않는 경우 모든 기능을 구 표준으로 바꿔줍니다.바벨은 코드를 재작성해주는 트랜스파일러 프로그램입니다. 기존 코드를 구 표준으로 변경해줍니다. 변경된 코드는 웹 사이트 사용자들에게 전달해줍니다. 코드가 수정될

mazol

자바스크립트는 계속해서 변화하고 있는 언어이다. 새로운 기능들이 추가되고 명세서에 등록된다. 자바스크립트 엔진을 만드는 조직은 우선순위를 매겨 명세서 내 어떤 기능을 먼저 구현할 지 결정한다. 엔진이 자바스크립트 표준 명세서 전체를 지원하지 않고 일부만 지원하는 경우가