# polyfill

20개의 포스트

babel vs polyfill

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

2022년 6월 12일
·
0개의 댓글

Babel & Polyfill

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

2022년 6월 5일
·
0개의 댓글
post-thumbnail

Polyfill과 Transfile

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

2022년 5월 1일
·
0개의 댓글
post-thumbnail

ES6 in iOS 12

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

2022년 4월 8일
·
1개의 댓글
post-thumbnail

[Node.js] JavaScript 개발 환경 구축하기

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

2022년 2월 26일
·
0개의 댓글
post-thumbnail

[생활코딩] Ajax - fetch API polyfill

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

2022년 2월 21일
·
0개의 댓글

babel과 polyfill...

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

2022년 1월 27일
·
0개의 댓글
post-thumbnail

[JSInfo] 트랜스파일, 폴리필

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

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

Babel & Polyfill

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

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

IE에서 closest 함수 사용 불가

closest 함수 지원 범위 (MDN 참고)

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

safari, IE 에서 scroll-behavior 속성 사용 불가

scroll-behavior 속성 지원 범위 (MDN 참고)

2021년 8월 9일
·
0개의 댓글

IE에서 ES6 문법 사용

IE에서 ES6사용

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

Polyfill, Babel

자바스크립트는 다양한 엔진과 다양한 버전으로 인해서 모든 브라우저에서 호환하지 못하는 구조이다. 그렇기 때문에 최신 자바스크립트를 사용하기 위해서 제공되는 방법중 하나가 최신 자바스크립트 코드를 브라우저가 알수 있는 형태로 변환하는 방법을 위해서 polifill, ba

2021년 6월 9일
·
0개의 댓글

TIL : 사용자 편의성, polyfill, React 상태값 변경 함수, 부수효과 함수 반환하는 값, 훅 규칙, URL 입력시 발생하는 일

편의성을 생각해서 prefers-reduces-motion이 있다. 이것은 접근성을 위한 미디어 쿼리로 시력에 불편이 있으신 분들은불쾌하게 작용할 수 있으니 미디어 쿼리를 사용해 너무 화려한 애니메이션이나 깜빡임, 반짝이는 애니메이션을 보여주지 않는게 사용자를 위한개발

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

Babel #5 폴리필 (polyfill)

babel 공식문서 @babe/polyfillbabel 공식문서 @babe/preset-envcore-js github 문서(https://github.com/zloirock/core-js\[실전 리액트 프로그래밍/이재승 저](http://book.i

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

정말! 딱! 필요한 깔끔한 react + typescript + ESLint + Prettier + Husky + lint-staged + polyfill 세팅

본 세팅은 2020-06-13 기준입니다. react (CRA3) + typescript + ESLint + Prettier + Husky + lint-staged + polyfill 세팅)

2020년 6월 13일
·
0개의 댓글

polyfill(폴리필) 이란?

polyfill 이란 ?

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

polyfill과 fallback에 대하여

다른환경에서 같은 동작이 수행되도록 구현. 특정 메서드를 기본제공하는 브라우저가 있는데 상위 버전이거나 하위버전이라서, 아니면 다른 브라우저라서 사용할 수 없을 때 같은 동작을 하는 코드를 추가해서 같은 동작을 하도록 하는 것.다른 환경에서 같은 동작을 제공할 수 없을

2020년 2월 14일
·
0개의 댓글