목록2024/08/11 (3)
연습장
https://poiemaweb.com/es6-babel-webpack-2 Webpack | PoiemaWeb앞에서 테스트해 본 바와 같이 ES6 모듈을 현재의 브라우저에서 사용하려면 [RequireJS](http://requirejs.org/) 또는 [SystemJS](https://github.com/systemjs/systemjs)와 같은 모듈 로더가 필요하다. [Webpack](https://webpacpoiemaweb.com 이전내용main.js와 lib.js 모듈을 babel로 트랜스파일링하여 ES5로 변환된 main.js을 node 에서 실행할 수 있지만, 브라우저에서 실행 시 에러가 발생한다. 이에 대한 해결 방법으로 webpack 이 있다.. ? 2.1 Webpack이란? Webpack..
https://epiphany0421.tistory.com/186 Babel, Webpack이란? 쓰는 이유 요약 정리📌 Babel이란? 바벨(Babel)이란, 입력과 출력이 모두 자바스크립트 코드인 컴파일러입니다. 바벨은 최신 버전의 자바스크립트가 실행되지 않는 구 버전의 브라우저에서도 정상적으로 실행되도록epiphany0421.tistory.com babel을 쓰는 이유크로스 브라우징JavaScript (ES6) -> JavaScript(ES5)로 변환해줍니다. (브라우저 하위 호환성을 생각)각 브라우저마다 JavaScript 엔진이 다르지만, 모든 브라우저에서 동작하도록 호환성을 지켜줍니다.폴리필(polyfill)폴리필은 개발자가 특정 기능이 지원되지 않는 브라우저를 위해 사용할 수 있는 코드 ..
https://junilhwang.github.io/TIL/Javascript/Design/Vanilla-JS-Component/#_2-state-setstate-render Vanilla Javascript로 웹 컴포넌트 만들기 | 개발자 황준일Vanilla Javascript로 웹 컴포넌트 만들기 9월에 넥스트 스텝open in new window에서 진행하는 블랙커피 스터디open in new window에 참여했다. 이 포스트는 스터디 기간동안 계속 고민하며 만들었던 컴포넌트junilhwang.github.io 이전글에 이어서 4. 컴포넌트 분할하기이제 컴포넌트 단위로 구분하는 코드를 작성해보자.(1) 기능 추가현재 까지의 코드에서는 컴포넌트를 분리할 이유가 없는 상태이다.그래서 Items 컴포넌..