묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Nuxt.js 시작하기
Vue2 EOL 관련해서..
안녕하세요, 강의 수강 중 궁금한 점이 있어 여쭤보게 되었습니다. Vue2가 '23년 12월 31일 부로 EOL되었는데, Vue3를 이용한 강좌도 오픈할 예정인지 궁금합니다. 감사합니다.
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
PostEditView 에서 수정 후, PostDetailView 에서의 데이터 동기 문제
[문제점]PostEditView 에서 post 데이터를 수정한 후, PostDetailView 로 이동했을 때, 수정된 데이터가 아닌 이전 데이터가 출력되는 문제 발생. [테스팅]json-server 를 최신 버전으로 업해서 테스트 >> 개선안됨.다양하게 코드를 변경하며 테스트를 해봤지만 개선안됨.PostDetailView 에서 ref, reactive 를 변경하며 다양하게 시도했지만 개선 안됨. [원인]updatePost 함수가 수행 후 반환 하더라도 json-server 내부적으로 실제 데이터 갱신에 시간이 걸리는 것이 아닌지 의심됨.udatePost 후, getPostById 로 데이터를 가져와 콘솔에 출력하면, 갱신되기 전의 데이터가 출력되는 것으로 보아 vue cache or refresh 문제는 아닐 것으로 생각됨. [임시해결]const onUpdate = async () => { try { await updatePost(props.id, form); nextTick(async ()=> { const { data } = await getPostById(props.id); console.log('After updatePost, data: ', data); // router.push({ name: 'PostDetail', props: {id: props.id} }); router.back(); }); } catch (error) { console.log('onUdate error: ', error); } }; 다음 Tick 에서 getPostById 함수를 이용하여 갱신된 데이터를 조회(시간 지연 및 데이터 확인)하고 PostDetailView 로 이동하면 제대로 출력됨... a. 위 코드에서 출력되는 데이터는 갱신 전의 데이터가 출력됨.b. 위 코드에서 getPostById 로 데이터 조회를 빼면 PostDetailView 에 갱신 이전 데이터가 출력됨.c. 위 코드에서 router push, go, back 함수 무엇을 쓰던 현상은 동일함. 보다 정확한 문제 원인 또는 문제 해결 방법이 있을까요 ??
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
vuejs 중급 깃허브 권한 요청
인프런 아이디: tastybusango@gmail.com인프런 이메일: tastybusango@gmail.com깃허브 아이디: sonyeonghwa@gmail.com깃허브 username: sonyeonghwa
-
미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
VUE를 이용해서 프로그램 파일을 실행할수 있을까요?
안녕하세요.^^수업을 듣다가 궁금한점이 있어서 문의 드립니다.vue를 이용해서 구현한 화면에서 PC의 프로그램(putty, fileziller 등)을 실행시키는 방법이 있을까요?각 장비를 관리하는 페이지에서 해당 장비를 클릭하면 접속하기위해 putty가 실행되는 기능을 구현하려고 합니다.답변 부탁드립니다.강의 감사합니다.^^
-
미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
q-input 태그 내용사라짐
로그인화면에서 q-input태그에 이메일을 입력 후탭이나 마우스 버튼을 다른게 누르면 내용이사라집니다.
-
해결됨Vue.js + TypeScript 완벽 가이드
composition API에서의 ref
회사에서 사용하고 있는 ref가 너무 궁금해서 영상을 보니 많이 다르네요. 역시 vue2와 vue3의 차이로군요. vue3로 강의 새로 만들어 주시면 좋을것 같습니다. 기대하고 있겠습니다. ^^
-
미해결호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
Permission targetId null
당연히 구글링 해보셨져? 원하는 결과를 못찾으셨나요? 어떤 검색어를 입력했는지 알려주세>> hasPermission targetId null문제가 발생한 코드(프로젝트)를 Github에 올리시고 링크를 알려주세요.https://github.com/IE-MangChi/RepositoryForAsk.git영상에선 그냥 넘어갔지만 targetId값이 null로 찍히는게 맞는지 잘모르겠습니다.강의내용대로면 저값이 매핑되어야하는데, 공식홈페이지보니 아닌거 같아서 질문드립니다!
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
PostForm.vue 분리 문의 드립니다.
PostForm.vue 파일로 컴포넌트 분리 중PostCreateView , PostForm 동작에 대해서 이해가 잘 안가서 문의 드립니다. PostCreateView 에서 PostForm 사용시 title, content 를 v-bind가 아닌 v-model 사용하는것이 어떻게 동작되는지 모르겠습니다. v-model을 사용해도 자식 컴포넌트에서 defineProps 으로 받을 수 있는건가요?PostForm 에서 $emit('update:title', $event.target.value) 하면 상위 컴포넌트에서는 어떤 동작이 발생되는지 궁금합니다.@update 와같이 받는 부부분이 없는데, update:title, update::content 가 어떤 동작을 의미하는지 모르겠습닏다.
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
npm run dev 살행 시 오류 발생
VS Code 터미널에서- npm install 실행하고- npm run dev 를 실행하면 아래 오류가 발생합니다.** 오류가 발생하여 vs code를 삭제 후 재설치하여 다시 해봐도 동일 오류가 발생합니다.PS D:\vuejs_workspace\Projects\learn-vue3> npm run dev> learn-vue3@0.0.0 dev D:\vuejs_workspace\Projects\learn-vue3> vite(node:2112) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' at Loader.moduleStrategy (internal/modules/esm/translators.js:145:18)(Use node --trace-warnings ... to show where the warning was created)(node:2112) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag --unhandled-rejections=strict (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)(node:2112) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.PS D:\vuejs_workspace\Projects\learn-vue3> ---npm 버전 정보는 아래와 같습니다.PS D:\vuejs_workspace\Projects\learn-vue3> npm version{ 'learn-vue3': '0.0.0', npm: '6.14.15', ares: '1.17.2', brotli: '1.0.9', cldr: '39.0', icu: '69.1', llhttp: '2.1.3', modules: '83', napi: '8', nghttp2: '1.42.0', node: '14.17.6', openssl: '1.1.1l', tz: '2021a', unicode: '13.0', uv: '1.41.0', v8: '8.4.371.23-node.76', zlib: '1.2.11'}
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
객체..
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.안녕하세요 강의를 거의 완강했는데요,혹시 객체에 대해 깊게 알아야되나요??ㅠㅠ문법을 보면 객체의 속성과 기능이 어디인지 한눈에 알아봐야되나요? 그게 너무 헷갈립니다ㅠㅠ 자꾸 객체에 집착하게 되네요ㅜㅜ 객체가 왜 필요한지 어디가 속성 기능인지 이런걸 너무 보게되는데, 어떻게 정리하면 좋을까요..?자바에서 객체 의미는 알고있습니다! vue3 공식문서에 자주 들어가서 보는 게 좋은가요? 보통 개발할 때 이를 참고해서 하나요?ㅜㅜ 그리고 제가 실전편도 구매해둔 상태인데요, 혹시 기본편을 2번 듣고 실전편으로 넘어가는 게 좋을까요?
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
상세게시글 조회시 에러가 발생합니다.
제 코드에 문제가 있는것 같아서, 브랜치를 클론해서 실행해도 동일한 에러가 발생합니다. 이 에러를 어떻게 처리해야할지 모르겠습니다 ,,, json-server 버전이 바뀐것과 관련 있을까요?
-
미해결Vue로 Nodebird SNS 만들기
로그인 새로고침시 풀림
안녕하세요~현재 4-10까지 수강 완료 했습니다~프론트에서 새로고침시 로그인이 풀리는 부분에 대한처리를 뒤 수업에서 다루는지,필요하다면 스스로 해봐야하는건지,궁금합니다~답변 주시면 감사하겠습니다~
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
json-server 설치 후 실행이 안됩니다!
npm install -D json-server입력 후npx json-server --watch db.json 을 입력하면, $ npx json-server --watch db.json node:internal/util/parse_args/parse_args:98 throw new ERR_PARSE_ARGS_UNKNOWN_OPTION( ^ TypeError [ERR_PARSE_ARGS_UNKNOWN_OPTION]: Unknown option '--watch'. To specify a positional argument starting with a '-', place it at the end of the command after '--', as in '-- "--watch" at checkOptionUsage (node:internal/util/parse_args/parse_args:98:11) at node:internal/util/parse_args/parse_args:360:9 at Array.forEach (<anonymous>) at parseArgs (node:internal/util/parse_args/parse_args:357:3) at file:///C:/Users/SSAFY/Desktop/STUDY/3.%20Vue/BOARD/node_modules/json-server/lib/bin.js:13:33 at ModuleJob.run (node:internal/modules/esm/module_job:218:25) at async ModuleLoader.import (node:internal/modules/esm/loader:329:24) at async loadESM (node:internal/process/esm_loader:34:7) at async handleMainPromise (node:internal/modules/run_main:113:12) { code: 'ERR_PARSE_ARGS_UNKNOWN_OPTION'라는 에러메세지가 출력됩니다. json-server의 버전은 강의와 달라서, https://github.com/typicode/json-server이 문서를 보고 해결하려고 했는데, 어떻게 해야할지 모르겠습니다 ㅠㅠ
-
해결됨PWA 시작하기 - 웹 기술로 앱을 만들자
quasar pwa 에러
uncaught (in promise) non-precached-url: createHandlerBoundToURL('/index.html') was called, but that URL is not precached. Please pass in a URL that is precached instead.quasar로 pwa를 구현한 이후 이전에는 발생하지 않았지만 어느 순간 해당 에러가 발생하면서 모든 파일들을 가져오지 못하고 있습니다 발생 순간은 랜덤으로 발생하고 있습니다 google에 검색해봐도 나오지 않아 질문 남깁니다.
-
미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
q-input 컴포넌트 질문
q-input태그에서 약간의 굴곡을 적용하고싶은데 style을 따로 정의하여도 적용되지 않던데 다른 방법이 있을까요? <template> <q-page> <q-input label="Your Label" outlined class="rounded-input" /> </q-page> </template> <style scoped> .rounded-input { border-radius: 10px; } </style>
-
미해결Vue 3 시작하기
학생할인 쿠폰번호 오류
vue3 강의를 듣고 맘에 들어서vuejs 중급강좌 학생할인을 신청했는데쿠폰번호 쿠폰오류가 뜹니다 ㅠㅠ어떻게 해야 학생할인을 받을 수 있을까요?
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
axios CORS 에러 문의입니다.
npm install axios 이후, 강의와 동일하게 axios 요청을 보냈는데 CORS 에러가 발생합니다 ㅜㅜ포트번호가 3000에서 5173으로 바뀌면서 발생한 문제일까요...?
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
ref와 computed의 차이를 잘 모르겠어요
안녕하세요.이번 강의 실습하다가 수업 내용처럼 preview가 업데이트 안되길래 원인을 찾다보니 아래 부분이 문제였는데요.// 강사님 코드 const url = computed(() => `/posts/${props.id}`); const { error, loading, data: post } = useAxios(url);// 제 코드 const url = ref(`/posts/${props.id}`); const { error, loading, data: post } = useAxios(url);지금까지 진행하고 너무 기초적인 질문인 것 같긴한데 computed는 반응형으로 동작하고 ref는 동작하지 않는 이유를 잘 모르겠습니다.
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
localhost 통신 시 CORS 에러
안녕하세요.해당 파트 학습하다가 네트워크 에러를 발생시키기 위해 json-server를 껐다 켰더니 아래와 같은 에러가 발생하는데 원인 파악이 힘들어 질문 드립니다.Access to XMLHttpRequest at 'http://localhost:5000/posts?_sort=createdAt&_order=desc&_page=1&_limit=3&title_like=' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
-
미해결호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
예외처리2 validation Map
Validation 클래스를 만들어서 Validation 클래스를 List로 담아서 내보냈습니다.이렇게 하면 테스트가 정상적으로 동작을 하는데 Map을 사용했을 때 성능적으로나 효율성이 뭐가 더 나은지 알고 싶습니다.그리고 json 을 어떤 방식으로 넘겨야 좋은지 알고싶습니다.