[Preact] Preact + Typescript 및 번들러와 최적화 템플릿 공유
대부분의 경우, 프로젝트를 시작하기 위해서는 여러가지 기본적인 설정 값들을 추가하거나 수정할 필요가 있습니다, 하지만 대부분의 경우 단순 노동이라고 생각되며 세팅하는 과정에서 무언가가 잘못될 가능성도 없는 것이 아닙니다. 이러한 시간 낭비와 문제점을 줄이기 위해서 다른 사람이 미리 만들어 놓은 시작 키트, 즉 템플릿을 이용하여 초기 세팅을 빠르게 마칠 수 있습니다. 저의 경우, Preact 관련하여 최적화 세팅까지 되어있는 템플릿은 찾기가 어려웠습니다. 따라서 최대한 사용자 경험을 높이기 위해 JS의 경우 Terser를 이용하여 압축하고 CSS의 경우 별도의 플러그인으로 압축을 수행하며 webpack-dev-server를 이용한 핫 리로드(Hot Realod) 기능을 추가한 템플릿을 제작하였습니다. 그것..
자작 템플릿
2024. 8. 15. 19:39
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- mangler
- github
- 타입스크립트
- jetpack compose
- 깃허브
- JavaScript
- TypeScript
- 객체지향
- 최적화
- 터치 리플
- 리플 효과
- 팩토리 메서드
- Flutter
- 전환 애니메이션
- 객체 지향
- android
- 안드로이드
- flutter_touch_ripple
- webpack
- web
- 안드로이드 개발
- omit
- Reflow
- 터치 효과
- svg
- 디자인 패턴
- html-inline-webpack-plugin
- 플러터
- 조건부 타입
- Factory Method
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함