# loader
ERROR in ./src/loader.css Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError
["css-loader", "style-loader"] 작성 순서 오류
Unit2 - 번들링과 웹팩
webpack, entry, output, 번들링, loader, plugin번들링 : 여러 제품이나, 코드, 프로그램을 묶어서 패키지로 제공하는 행위프론트엔드 개발자에게 번들이란?\-> 사용자에게 웹 애플리케이션을 제공하기 위한 파일 묶음
번들링, 트랜스파일링 전략
레벨로그 프로젝트 webpack webpack으로 3개의 환경을 나누어서 번들링을 진행한다. webpack 폴더 구조를 보면 다음과 같다. webpack webpack.common.js webpack.js webpack.dev.js webpack.pr

웹팩(Webpack)의 config 파일 속성
webpack은 22년 7월 현재 프론트엔드 애플리케이션 배포를 위해서 가장 많이 사용하는 번들러입니다.실리콘벨리나 국내 IT 대기업을 막론하고 프론트엔드 애플리케이션을 대규모 유저에게 제공하기 위해 가장 많이 사용하는 방법이기도 합니다.Webpack이란 여러 개의 파

webpack loader
웹팩은 모든것을 모듈로 바라보기 때문에 자바스크립트 뿐만 아니라 스타일시트로 import 구문으로 불러 올수 있다.CSS 파일을 자바스크립트에서 불러와 사용하려면 CSS를 모듈로 변환하는 작업이 필요하다. css-loader가 그러한 역할을 가능하게 해준다.모듈로 변경

[Webpack5] loader와 asset modules
로더는 타입스크립트 같은 다른 언어를 자바스크립트 문법으로 변환해 주거나 이미지를 data URL 형식의 문자열로 변환한다.뿐만 아니라 CSS 파일을 자바스크립트에서 직접 로딩할 수 있도록 해준다.로더를 테스트 해보기 위해 my-webpack-loader.js 파일을

[Django] 장고 Views를 활용한 HTTP 요청 처리#4_장고 기본 CBV API
1) > 여태까지 html 파일을 instagram 앱의 templates/instagram에 저장해왔다. template loader는 app directory loader, file system template loader로 구분할 수 있다. 특정 앱에 속하지 않은 html 파일은 프로젝트 settings.py의 DIRS에 저장하는 편이 좋다. 2) ...

Webpack
webpack 은 최신 JavaScript 애플리케이션을 위한 정적 모듈 번들러이다.webpack 이 애플리케이션을 처리할 때 내부적으로 하나 이상의 진입점에서 종속성 그래프를 빌드한 다음 프로젝트에 필요한 모든 모듈을 하나 이상의 번들로 결합한다.필요한 다수의 자바스

firebase fetch 실험_순서,mainthread,other thread
앱 오답처리 중 thread관련 실험을 하기위해 breakpoint와 main thread에서 일하는지를 살펴보았다. 버튼을 눌렀을때, firebase에서 데이터를 가져와서 텍스트뷰에 나타내는 실험이다. 따라서 버튼을 눌렀을 때 함수부터 텍스트뷰에 출력하는 데 까지 2

웹팩(webpack)의 cache-loader
웹팩 Loader 의 역할 웹팩은 정적 모듈 번들러(static module bundler)입니다. 모듈 번들러는 entry 속성에 지정된 \*.js 파일을 분석해 require/import 로 의존관계에 있는 리소스(css, image, webfont)와 자바스크립트 모듈을 묶어 웹 브라우저에서 실행 가능한 하나(혹은 여러 개)의 번들 파일을 생성합니다...