일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- QuerySetAPI
- 머신러닝종류
- pwa적용하기
- 싸피셜
- react
- git
- TypeScript
- vitepwa
- SSAFYcial
- sqld
- db
- js
- queryset
- SSAFY
- 리액트
- 셀프넘버
- 알고리즘
- 데코레이터
- 싸피
- Django
- 싸피10기
- Javascript
- PWA
- 백준
- 플로이드워셜
- 14658
- VITE
- unionfind
- SQL
- Python
- Today
- Total
목록VITE (2)
Meme's IT
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bOTk93/btsGFkRqJ15/Eg1hlhfBd9FKKpZCsiEfV1/img.png)
이번 프로젝트에서는 알림 기능이 중요하기 때문에PWA를 이용해서 프로젝트를 진행하기로 했다. 그래서 본격적인 프로젝트를 시작하기 전에,VitePWA 플러그인을 이용해서 적용해보고 Vercel을 이용해서 간단하게 배포 후 잘되나 확인해보려고 한다.고고 1. Vite기반 React프로젝트 만들기사실 react가 아니어도 크게 상관없을 것 같다.vite만 기반으로 된다면 괜찮음 npm create vite@latest 프로젝트명명령어를 통해 프로젝트를 만들어주고 2. Vite PWA 설치 및 설정https://vite-pwa-org.netlify.app/ Vite Plugin PWAZero-config PWA Framework-agnostic Plugin for Vite and Integrationsvite..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bbGbX4/btsDC9EqqbB/hkNAWD25C1LqeUis0R7R5K/img.png)
React 프로젝트는 Vite를 이용해서 만들어보자 Vite는 저번에 Vue를 했을 때 정리해 둔 것이 있으니 그걸 참고해서 설치하면 된다. 2023.11.07 - [Vue] - [Vue] SFC build tool (Vite) [Vue] SFC build tool (Vite) # Vite 프론트엔드 개발 도구 공식 문서 참고, Vue 공식문구에서 설치 방법 확인 npm create vue@latest 뜨는 옵션들은 No로 우선 통일 cd vue-project/ npm install 자동으로 생긴 vue-project 위치로 가서 설치 npm run memezz.tistory.com # 왜 Vite를 사용해서 만들까? 궁금해서 물어보니까 뤼튼님이 이렇게 말하신다... 즉, 빠르고 최신 JS를 쓸 수 있고..