본문 바로가기

분류 전체보기179

Webpack) Asset Modules Asset Modules 웹 애플리케이션을 제작하면서 HTML, CSS, JS와 더불어 아이콘, 사진, 비디오 등 다양한 Asset을 추가하게 된다. Asset Modules은 로더를 추가하지 않아도 이러한 asset 파일들을 사용할 수 있도록 도와주는 모듈이다. 쉽게 말해서 Asset Modules는 Asset 파일들을 처리하는 방식들을 모아놓은 모듈이고, 정의하는 방식에 따라 브라우저가 한 번에 다운로드하는 파일의 개수, 파일의 용량을 결정한다. Asset Modules의 종류로는 총 4가지, asset/resource, asset/inline, asset/source, asset이 있다. 목차 asset/resource asset/inline asset/source asset asset/resour.. 2021. 8. 25.
성능 미션 보호되어 있는 글 입니다. 2021. 8. 24.
React + Typescript + Webpack + Babel + ESLint + Prettier + Husky + Emotion 프로젝트 boilerplate 기준은 깃허브에서 새로운 repository를 만들고, 로컬로 clone한 상태에서 시작하는 것을 기준으로 한다. (README.md 파일만 있다고 가정한다) 목차 기본 폴더 및 파일 세팅 React, Typescript Babel, Webpack ESLint, Prettier Husky, Lint-staged Emotion 기본 폴더 및 파일 세팅 다음과 같이 폴더와 파일을 추가한다. public/index.html .gitignore build node_modules yarn-error.logpackage.json { "name": "dutch-dutch", "version": "0.0.1", "description": "dutch-dutch is dutch treat .. 2021. 8. 24.
210813(금) - 4차 데모 데이 1. 4차 데모 데이 1. 4차 데모 데이 4차 데모 데이 겸 레벨 3 방학식이 진행됐다. 이번 스프린트는 다른 스프린트와 다르게 하루에 1-2개씩 새로운 기능 및 피드백이 계속 추가되어 정말 바쁘게 하루를 보냈던 것 같은데, 우리 팀 엘라와 욘이 발표도 잘해주고 반응도 좋아 이제까지 했던 수고가 헛되지 않았음을 느낄 수 있는 시간이었다. 일단은 너무 쉬고 싶어서..ㅠ 좀 쉬다 올게요! 곧 다시 만나요! 2021. 8. 13.