일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 이분 검색
- async/await
- 타입 좁히기
- 공변성
- 반공변성
- map
- 호이스팅
- useAppDispatch
- React
- Cypress
- Jest
- CORS
- CI/CD
- app router
- 태그된 유니온
- RTK Query
- 투포인터
- autosize
- dfs
- TS
- 인터섹션
- 무한 스크롤
- webpack
- 결정 알고리즘
- recoil
- tailwind
- 리터럴 타입
- SSR
- ESlint
- Promise
Archives
- Today
- Total
목록reload (1)
짧은코딩
Webpack의 HMR과 자동 새로고침 현상
HMR이란? HMR은 Hot Module Replacement의 줄임말이다. HMR을 활성화하면 모든 종류의 모듈을 새로고침 할 필요 없이 런타임에 업데이트할 수 있다. 즉, 브라우저를 새로고침 하지 않아도 웹팩으로 빌드한 결과물이 웹 애플리케이션에 실시간으로 반영될 수 있게 도와주는 설정이다. 새로고침을 위한 LiveReload 대신에 사용할 수 있다. 이로 인해서 코드를 수정하고 바로 웹 애플리케이션에 반영이 되게 할 수 있다. 조심할점으로는 HMR은 프로덕션용이 아니고 개발용으로만 사용해야 한다. 동작 방법 애플리케이션은 HMR 런타임에 업데이트된 내용이 있는지 확인 요청 런타임에서 업데이트된 내용을 비동기적으로 다운로드받고 애플리케이션에 알림 애틀리케이션은 런타임에 업데이트 요청 런타임은 업데이트..
wayc 이커머스 프로젝트
2023. 11. 12. 17:46