월 17,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨Vue.js + TypeScript 완벽 가이드
composition API에서의 ref
회사에서 사용하고 있는 ref가 너무 궁금해서 영상을 보니 많이 다르네요. 역시 vue2와 vue3의 차이로군요. vue3로 강의 새로 만들어 주시면 좋을것 같습니다. 기대하고 있겠습니다. ^^
- 미해결Vue.js + TypeScript 완벽 가이드
Vue3 + Typescript + Vite + Pinia 참조
안녕하세요.캡틴판교님이 vue-news를 포함하여 대부분 Vue2로 강의를 하셔서 저는 Vue3로 리팩토링 해봤습니다. 최근 Vue3로 작업(Composition API 쓰는 맛이 😇)을 많이 하시는 것 같고, 이미 저는 Tistory 블로그를 Vue3로 커스텀하여 운영하고 있기도 하고, 이번에 Typescript 강좌를 다 보면서 힘들어도 굳이 Vue3로 작업해보고 싶었거든요. 혹시나 저처럼 해보고 싶은 분들이 계실 것 같아 작업한 내용이 아래 링크에 있으니 참조하시면 편하실 것 같습니다. 🫡이전에 작업했던 vue-news는 제가 따로 GitHub에 올려놨기 때문에 그 소스를 기반으로 작업하였습니다. 아래와 같이 꽤 변경한 부분이 있으나 어느 정도 숙달된 분들은 가이드 문서 보시고 따라오시면 금방하실 거라 생각되며, 참고로 저는 Composition API로 작성하는 게 맘에 들어서 이를 적극적으로 적용하였습니다.Use Vue3, Setup Composition API, TypescriptVue-CLI -> ViteVuex -> PiniaAdd scroll event to /news URLCSS & Header https://github.com/haguri-peng/vue-news-typescript
- 미해결Vue.js + TypeScript 완벽 가이드
mutation 함수 이름을 enum으로 관리하는 이유
왜 mutation 함수 이름을 직접 작성하지 않고, 왜 모두 enum으로 관리를 하는 걸까요? 어차피 문자열로 같은 값을 넣는데 왜 enum을 사용해야 하는지 궁금합니다.
- 미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 권한 요청드립니다.
깃 계정: ssje2006@naver.com 입니다.
- 미해결Vue.js + TypeScript 완벽 가이드
this.todoItem 타입이 any 라고 나옵니다
타입스크립트가 적용이 안되는 것인지...this.todoItem 타입이 any 라고 나옵니다 this.todoItem. 하면 title이랑 done이 나와야 하는데 안나오구요..interface exprot도 잘되어있는데숫자를 넣어줘도 에러가 안나고 부모 컴포넌트에서도 똑같이 this.todoItem.이 안되고 있습니다.혹시 tsconfig.json이나 설치해줘야 하는 vscode 익스텐션이 있는지 궁금합니다. *깃허브 링크알려주시면 감사하겠습니다 ㅠㅠ
- 미해결Vue.js + TypeScript 완벽 가이드
프로젝트 실행 시 오류가 발생합니다.
INFO Starting development server...10% building 2/5 modules 3 active D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\hot\dev-server.jsError: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:69:19) at Object.createHash (node:crypto:138:10) at module.exports (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:417:16) at handleParseError (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:471:10) at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:503:5 at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:358:12 at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:373:3 at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:214:10) at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:221:10) at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:236:3 at runSyncOrAsync (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:130:11) at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:232:2) at Array.<anonymous> (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:205:4) at Storage.finished (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16) at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9node:internal/crypto/hash:69 this[kHandle] = new _Hash(algorithm, xofLen); ^Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:69:19) at Object.createHash (node:crypto:138:10) at module.exports (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\util\createHash.js:135:53) at NormalModule._initBuildHash (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:417:16) at handleParseError (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:471:10) at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:503:5 at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\webpack\lib\NormalModule.js:358:12 at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:373:3 at iterateNormalLoaders (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:214:10) at Array.<anonymous> (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\loader-runner\lib\LoaderRunner.js:205:4) at Storage.finished (D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16) at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9 at D:\workspace\study\vue-advanced-13_api-advanced\vue-news\node_modules\graceful-fs\graceful-fs.js:123:16 at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED'}Node.js v20.3.1 혹시 Node.js 버전 문제일까요?
- 미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 권한 요청 드립니다.
이메일 : qkqh34k@gmail.com
- 미해결Vue.js + TypeScript 완벽 가이드
강의자료 ? 노트?
강의자료 ? 노트? 는 어디있을까요? 링크나 파일을 남겨두신다고 하시는데 , 못찾겠어요
- 미해결Vue.js + TypeScript 완벽 가이드
vuex 사용시 mapper 보다는 그냥 쓰는 것이 낫다고 하셨는데요..
vuex 사용시 mapper 보다는 그냥 쓰는 것이 낫다고 하셨는데요.관련해서 찾아보니 해당 내용이 잘 안보입니다 관련 포스팅이나 글 같은 것을 볼 수 있을까요?저도 mapper 보다는 this.$store.dispatch등이 낫다고 생각하는데요. 논리를 조금 더 단단히 하고 싶어서 다른 글들도 궁금합니다.
- 해결됨Vue.js + TypeScript 완벽 가이드
권한 허가 부탁드립니다!
깃 계정 : pms16011172@gmail.com 입니다.
- 미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 권한 요청 드려요~
닉네임: JAESEOK깃헙 아이디: sjs1@cudo.co.kr감사합니다~
- 미해결Vue.js + TypeScript 완벽 가이드
Chart.js(3.9.1버전) 안되시는분들 이렇게 해보세요
<template> <div> <canvas id="myChart" width="400" height="400"></canvas> </div> </template> <script lang="ts"> import Vue from "vue"; import { Chart, registerables } from "chart.js"; Chart.register(...registerables); export default Vue.extend({ mounted() { const ctx = ( document.getElementById("myChart") as HTMLCanvasElement ).getContext("2d"); if (ctx) { const myChart = new Chart(ctx, { type: "bar", data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [ { label: "# of Votes", data: [12, 19, 3, 5, 2, 3], backgroundColor: [ "rgba(255, 99, 132, 0.2)", "rgba(54, 162, 235, 0.2)", "rgba(255, 206, 86, 0.2)", "rgba(75, 192, 192, 0.2)", "rgba(153, 102, 255, 0.2)", "rgba(255, 159, 64, 0.2)", ], borderColor: [ "rgba(255, 99, 132, 1)", "rgba(54, 162, 235, 1)", "rgba(255, 206, 86, 1)", "rgba(75, 192, 192, 1)", "rgba(153, 102, 255, 1)", "rgba(255, 159, 64, 1)", ], borderWidth: 1, }, ], }, options: { scales: { y: { beginAtZero: true, }, }, }, }); } }, }); </script>
- 미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 권한 요청 드립니다.
khj981116@gmail.com강의 잘 보고있습니다 감사드립니다.
- 미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 권한 요청드립니다.
안녕하세요, 두번째 프로젝트 권한 부탁드립니다.계정 : thfdl0317@naver.com 입니다.강의를 보며 타입스크립트를 더 자세히 알게 되는 것같아요, 감사합니다.
- 미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 권한 요청 합니다.
깃헙 계정 : human264@gmail.comusername: human264
- 미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 npm i && npm run serve에러 납니다..
어떤식으로 해결해야 되나여?
- 미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 권한 요청 드립니다
안녕하세요. 프로젝트 권한 요청 부탁드리겠습니다.계정: abc282v@naver.com입니다.덕분에 강의 잘 보고 있습니다 감사합니다.
- 미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 권한 요청 드립니다
안녕하세요. 프로젝트 권한 요청 부탁드리겠습니다!계정: j35148@gmail.com 입니다.덕분에 강의 잘 보고 있습니다 감사합니다!
- 미해결Vue.js + TypeScript 완벽 가이드
두번쨰 프로젝트 권한요청
죄송하지만 유효기간이 지나 한번만 다시 요청 드리겠습니다!weotjqw@naver.com
- 미해결Vue.js + TypeScript 완벽 가이드
두번째 프로젝트 권한 요청
두번째 프로젝트 권한 요청badbogos@naver.com