묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
index.html에 이렇게 에러가 생깁니다 ㅠㅠ
-
해결됨Vue 3 시작하기
클래스,아이디 바인딩 사용문의
안녕하세요. 클래스와 아이디 바인딩 관련 문의드립니다.기존에 html문법으로 사용하는 class, id가 있는데데이터 바인딩을 통해서 사용하는 이유가 있을까요?
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
ESlint.cjs 설정 관련 error 표시가 계속됩니다.
/* eslint-env node */ require('@rushstack/eslint-patch/modern-module-resolution') module.exports = { root: true, extends: [ 'plugin:vue/vue3-essential', 'eslint:recommended', '@vue/eslint-config-prettier/skip-formatting' ], parserOptions: { ecmaVersion: 'latest' }, rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', 'prettier/prettier': [ 'error', { singleQuote: true, semi: true, useTabs: true, tabWidth: 2, trailingComma: 'all', printWidth: 80, bracketSpacing: true, arrowParens: 'avoid' } ] } }강의설명란을 참고해서 parserOption은 그대로 두고 나머지 부분을 추가하고, format on save 와 settings.json 파일도 수정하고, prettier 확장프로그램도 작업 영역에서 사용하지 않기를 설정 했는데도 저장만 하면 아래처럼 빨간 줄이 가득합니다 ㅠㅠ 어떻게 해야 할까요? { // eslint 적용할 파일 종류 "eslint.validate": [ "javascript", "javascriptreact", "typescript", "typescriptreact", "html", "vue", "markdown" ], // 저장시 eslint 스타일 적용 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "editor.tabSize": 2 }
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
$route 등 자동완성이 안됩니다. ㅠㅠ
죄송합니다. $route 는 자동완성이 안되는게 정상인거네요. 제가 되는걸로 착각해서 질문을 했는데.. 짐코딩님 포기 않고 답변해주시고 도와 주신 점 정말 감사합니다. [ 질문원문 ]안녕하세요.개발환경volra 와 Snippets 모두 설치 했는데.자동완성이 안되는 게 있습니다. [Auto Page 설정 : unplugin-vue-router]과정 수강중인데요.$route 등이 안나오는데..왜 그러는지 조언을 구할 수 있을까요?
-
해결됨Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
프로젝트 시작시 명령어 npm create vue@latest 사용해도 될까요?
안녕하세요.vscode에서 깃 배쉬를 기본 터미널로 사용하고 있습니다.공식문서를 읽어보다가 npm create vue@latest 를 입력하니까, 자동으로 프로젝트를 생성해주는데 혹시 이 명령어로 수업을 따라가도 될까요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
import 시 뜨는 에러 (타입스크립트 파일에서만 사용할 수 있습니다.)
안녕하세요! 강의 잘 보고 있습니다 ㅎㅎ다름이 아니라, import * as getters from './getters' 를 했는데 'import ... ='는 TypeScript 파일에서만 사용할 수 있습니다. ts(8002)라며 에러가 나네요 ㅠㅠ저는 뷰 3를 이용하고 있습니다!
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
구글 로그인 안돼요 ㅠ
구글 로그인 하기 똑같이 따라했는데, 구글 계정으로 로그인하기 시 반응이 없습니다. 몇번 돌려봐도 코드는 똑같은데 왜 반응이 없을까요 ..
-
미해결PWA 시작하기 - 웹 기술로 앱을 만들자
깃허브 권한 부여 요청합니다
인프런 아이디 : seungjin429@naver.com인프런 이메일 : seungjin429@naver.com깃헙 아이디 : seungjin429@gmail.com깃헙 Username : jinShine
-
미해결React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)
EventHandler Type이 React에서 정의한 타입인 이유가 궁금합니다.
React에서는 React 팀이 직접 만든 Event 타입을 사용하고, Vue에서는 MDN에서 제공하는 범용적 Event 타입을 사용한다고 하시고, React에서 가상 DOM 때문에 React 팀이 만든 Event 타입을 사용한다고 말씀 주셨습니다.하지만, Vue도 마찬가지로 vDOM을 사용하고 있는 것으로 알고 있어요. 🙂 그렇다면, Vue도 vDOM을 사용한다면 Template 문법 내부에서 범용적 Event 타입이 아니라 커스텀 이벤트 타입을 사용해야 맞는 것 아닌가요?굳이 React 에서 커스텀 이벤트 타입을 사용하는 이유와, Vue에서 범용적 이벤트 타입을 사용하는 각각의 이유가 있을 것 같은데, 이에 대한 궁금증이 생겨 질문드립니다!
-
해결됨PWA 시작하기 - 웹 기술로 앱을 만들자
깃허브 권한 부여 요청합니다
인프런 아이디 : study2845인프런 이메일 : study2845@naver.com깃헙 아이디 : kimmy100b@gmail.com깃헙 Username : kimmy100b
-
해결됨Vue 3 시작하기
Hello World(Vue.js 인스턴스)에서 오류가 나옵니다.
<script src=”https://unpkg.com/vue@3/dist/vue.global.js”></script> <div id="app"> {{ message }} </div> <script> Vue.createApp({ data() { return { message: 'hi' } } }).mount('#app'); </script>강의에 나온대로 쳐서 live server로 실행하니 오류가 나옵니다. 화면은 {{ message }}로 나오는데 script를 인식 못하는걸까요??
-
해결됨쉽고 빠르게 배우는 Vue 3 기본 (Composition API)
v-on, v-model 강의 재생 불가 문제
안녕하세요.먼저 좋은 강의 감사드립니다. v-on, v-model 강의가 재생되지 않아 질문 남깁니다.확인 부탁 드립니다. 감사합니다.
-
해결됨Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
api 사용 시, error가 발생하는 상황은 어떻게 알 수 있을까요?
안녕하세요, 양질의 강의 덕에 조금씩 성장하는 게 느껴지는 요즘입니다. 감사합니다! 이번 강좌를 보면서, 의문이 생겼습니다.firebase에서 제공하는 api를 사용할 때, 어떤 상황에서 에러가 발생하는 지는.. 무엇을 보고 알 수 있을까요?예를들어, 오늘 수업에서 사용한 sendPasswordResetEmail() api를 사용하면서, 기등록된 이메일이 아니면 error가 발생할 것이고, 이를 catch하여 notification으로 '등록되지 않은 이메일입니다.' 라고 처리를 할 생각이었습니다.그런데, 막상 사용해보니 기등록된 이메일 주소가 아니더라도 sendPasswordResetEmail() api는 정상적으로 동작하더라고요. 그리고, 어떤 상황에서 이 api가 에러를 발생시키는지.. 찾지 못했습니다.. 이 일을 겪으면서 의문이 생겼습니다.어떤 api가 어떤 타입의 파라미터를 필요로 하는지는 문서를 통해 알 수 있었는데, 어떤 상황에서 에러가 발생한다는 것은.. 어디에서 찾을 수 있는지.. 궁금합니다! (+) 이메일 전송 작업 전, 우리 서비스에 등록된 이메일인지 여부를 확인하는 api를 firebase가 제공하는지.. 저는 발견하지 못했습니다. 혹시 지금처럼, 제가 원하는 성격을 갖는 api 제공 여부를 확인하는 건.. 어떤 방법이 있을까요?
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
깃허브 링크 있나요??
강의마다 변경사항 확인하고 싶습니다!
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
메서드의 스코프 문의 드립니다.
영상 11분 TheView component에서 MyButton component로 click event 속성 상속이 되었습니다.MyButton component에는 sayHello 라는 메서드가 없는데, 실행이 된 것이 궁금합니다.부모 component의 메서드들이 자식,손자 component 에서 사용할 수 있나요??
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..
위 스샷처럼 id만 undefined로 넘어옵니다..https://api.hnpwa.com/v0/user/titaniumtown.json해당 주소로 요청을 보내면 제대로 id까지 나오는데.. 이유를 도저히 모르겠습니다... 해당 위치에서 console을 찍었을 때 이미 id는 undefined로 받은 상태입니다
-
미해결Nuxt.js 시작하기
env.baseUrl 문제
nuxt.config.js // env config env: { // baseUrl: process.env.NODE_ENV === 'production' ? null : 'http://localhost:3000' baseUrl: process.env.BASE_URL || 'http://localhost:3000' } }api/index.jsconst instance = axios.create({ baseURL: process.env.BASE_URL, }) 에러nuxt 서버가 localhost:5000 입니다백엔드 서버가 localhost:3000 입니다인강처럼 해보고 안되서 이것 저것 해봐도 똑같은 에러가 뜹니다.. 하지만 api/index.js 에서 바로 baseURL : '경로' 적으면 에러가 나지 않습니다.원인을 알려주세요
-
해결됨Vue 3 시작하기
제공파일문의
깃허브로 제공해주신 learn-vue-js 소스를 다운받으니수업내용이 이미 다있는데, 부분적으로 지우고 진행 하면 될까요?
-
해결됨Vue 3 중급 - Composition API
강의 수강을 다시 할 수 있을까요
안녕하세요 판교님 현재 초반부 수강하였는데, 정산문제로 다시 결제를 하여야하는데요. 혹시 재결제가 가능할지 문의드립니다.
-
미해결Vue 3 시작하기
vue3로 이벤트 버스 관련부분 처리해봤는데요
안녕하세요vue3로 시작해서 열심히 교육 듣다가 이벤트 버스에서 막혔습니다.아직 vue가 초보라 구글링 보면서 이방법 저방법 해보다 잘 안되서 결구 mitt를 사용해서 해결했습니다. 우선npm install --save mitt로 mitt 설치했고 main.js에 mitt 세팅해주고NewsView.vue에서 이벤트 보내주고App.vue에서 받아서 처리하는 방법을 썻습니다.일단 잘 되는거 같아 다행인데요 질문이 좀 있습니다.질문1혹시 더 좋은 방법이 있었으면 알려주셨으면 합니다.위에 소스에서 잘못사용한거 같은 부분도 좀 알려주셨으면 합니다. 질문2첨에 NewsView.vue에서 $emit으로 start,stop 보내고App.vue에서 NewsView를 import하고 템플릿에 NewsView 세팅해주고 @이벤트명="aaa"로 받아서 methods에서aaa() {} 안에 처리하려고 했습니다.그런데 첨에 페이지 들어갈때는 되는데 페이지 이동하면$ emit가 실행이 안되네요 emit 위아래는 console.log가 찍히는데 왜 app.vue로 emit이 왜 안가는걸까요?=================================<<NewsView.vue>>this.$emit('eventBus', 'start');this.$store.dispatch('FETCH_NEWS');this.$emit('eventBus', 'stop'); <<App.vue>><template><news-view @eventBus="lodings"><news-view></template>import NewsView from './views/NewsView.vue'methods: {lodings(event) {if(event === 'start') {this.startSpinner();}else if(event === 'stop') {this.endSpinner();}}};=================대충 이런느낌으로============ 질문3두번째로 this.$store.dispatch를 사용해서 처리해보려고 했습니다.NewsView.vue 화면에서this.$store.dispatch('EVENT_BUS_START');this.$store.dispatch('FETCH_NEWS');this.$store.dispatch('EVENT_BUS_STOP');이런식으로 처리해서 index.js에서 세팅한 eventBus값을 바꿔서 app.vue에서 $store.start.eventBus값을 불러서 처리하려고 했는데 stop만 인식하더군요NewsView.vue 화면에서 다 처리된값만 인식하는 걸까요?일단 질문드리지만 뭔가 설명을 잘 못적겠네요소스를 지워서 사진으로 보여드릴수 없지만 질문 이해되시면답장좀 부탁드립니다.