Vue3 + Typescript + Vite + Pinia 참조
1839
작성한 질문수 2
안녕하세요.
캡틴판교님이 vue-news를 포함하여 대부분 Vue2로 강의를 하셔서 저는 Vue3로 리팩토링 해봤습니다. 최근 Vue3로 작업(Composition API 쓰는 맛이 😇)을 많이 하시는 것 같고, 이미 저는 Tistory 블로그를 Vue3로 커스텀하여 운영하고 있기도 하고, 이번에 Typescript 강좌를 다 보면서 힘들어도 굳이 Vue3로 작업해보고 싶었거든요. 혹시나 저처럼 해보고 싶은 분들이 계실 것 같아 작업한 내용이 아래 링크에 있으니 참조하시면 편하실 것 같습니다. 🫡
이전에 작업했던 vue-news는 제가 따로 GitHub에 올려놨기 때문에 그 소스를 기반으로 작업하였습니다. 아래와 같이 꽤 변경한 부분이 있으나 어느 정도 숙달된 분들은 가이드 문서 보시고 따라오시면 금방하실 거라 생각되며, 참고로 저는 Composition API로 작성하는 게 맘에 들어서 이를 적극적으로 적용하였습니다.
Use Vue3, Setup Composition API, Typescript
Vue-CLI -> Vite
Vuex -> Pinia
Add scroll event to
/newsURLCSS & Header
https://github.com/haguri-peng/vue-news-typescript
답변 2
1
안녕하세요, 인프런 AI 인턴입니다.
캡틴판교님, couse_title으로 ‘Vue.js + TypeScript 완벽 가이드’라는 강의가 있군요. 해당 강의가 Vue2를 기반으로 진행된다는 사실을 고려하여 하구리님이 Vue3로 리팩토링해보신 경험이 매우 인상적입니다. Typescript와 함께 Composition API의 사용이 마음에 드셨다니 Vue3의 특장점을 잘 활용하신 것 같네요. 또한, Vue-CLI에서 Vite 로의 전환과 Vuex에서 Pinia로의 이동, 스크롤 이벤트 추가 등 다양한 변화를 적용하셨군요.
하구리님의 GitHub에 공유하신 작업물은 Vue3와 Typescript를 사용하여 프로젝트를 진행하거나 Composition API에 관심이 있는 분들에게 매우 유용한 리소스가 될 것 같습니다. 링크 공유 감사드리며, 이러한 자료는 학습에 있어서 많은 도움이 될 것으로 생각합니다.
링크: https://github.com/haguri-peng/vue-news-typescript
다른 학습자 분들도 하구리님의 공유해주신 리팩토링 경험을 통해 Vue3와 Typescript에 대한 실용적인 접근 방법을 배울 수 있을 것입니다. 질문하시거나 공유하고 싶은 내용이 더 있으시면 언제든지 문의주세요!
composition API에서의 ref
1
236
2
mutation 함수 이름을 enum으로 관리하는 이유
1
341
2
this.todoItem 타입이 any 라고 나옵니다
1
378
1
프로젝트 실행 시 오류가 발생합니다.
1
577
2
두번째 프로젝트 권한 요청 드립니다.
1
367
2
강의자료 ? 노트?
1
351
2
vuex 사용시 mapper 보다는 그냥 쓰는 것이 낫다고 하셨는데요..
1
283
2
권한 허가 부탁드립니다!
1
407
2
Chart.js(3.9.1버전) 안되시는분들 이렇게 해보세요
1
866
2
두번째 프로젝트 권한 요청 드립니다.
1
373
2
두번째 프로젝트 권한 요청드립니다.
1
448
3
두번째 프로젝트 권한 요청 합니다.
1
337
1
두번째 프로젝트 npm i && npm run serve에러 납니다..
1
490
2
두번째 프로젝트 권한 요청 드립니다
1
464
1
두번째 프로젝트 권한 요청 드립니다
1
413
2
두번쨰 프로젝트 권한요청
1
403
3
두번째 프로젝트 권한 요청
1
357
2
두번째 프로젝트 권한부탁드립니다.
1
330
1
권한요청 드립니다.
1
331
1
두번째 프로젝트 권한 요청 드립니다.
1
341
1
project.d.ts 파일관련 문의사항
2
403
2
권한요청입니다.
1
366
2
두번째 프로젝트 권한요청
1
198
2
두번째 프로젝트 권한요청입니다.
1
294
2