eslint prettier 설정 오류
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
강의 교안대로 따라 설정했는데.. 문서 작성만하면 이런 빨간 오류들이 뜹니다,,
- vue.js
- nuxt.js
- pinia
- vue-3
너굴판다
댓글 2
좋아요 0
조회수 232
묻고 답해요
173만명의 커뮤니티!! 함께 토론해봐요.
watch강의 질문
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
watch 첫번째 인자에 person.obj 넣고 newValue찍을때 person내의 obj객체를 {"count":1} => "Hello" 로 변경시 위 내용만 보면 person 내의 obj는 non-object라고 뜨는거 같은데요. ㄷㄷ 강의내용에 "Hello"로만 입력하는게 아닌, 객체형태로 {"Hello":1} 이런식으로 입력해야하는게 아닌지.. 다만, 아래와같이 {"count": 1} => {"Hello":1}로 변경하면 콘솔엔 아무것도 안찍힙니다. 위 스샷의 에러는 없고, 콘솔엔 아무것도 안찍힙니다. 콘솔 레벨은 모든수준으로 맞췄습니다. 아래는 강의내용 보고 적은 소스입니다. 뭐가 문제일까요? import { reactive, ref, watch } from 'vue'; export default { setup() { const x = ref(0); const y = ref(0); const obj = reactive({ count: 0, }); const person = reactive({ name: '홍길동', age: 30, hobby: '운동', obj: { count: 0, }, }); watch( () => person.obj, newValue => { console.log('newValue: ', newValue); }, ); return { x, y, obj, person }; }, }; </script>
- vue.js
Minkoo Lee
댓글 1
좋아요 0
조회수 175
강의 듣다가 질문드립니다.
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
양방향 바인딩 강의 듣다가 @input이 나왔는데요. 이게 자바스크립트의 onchange와 같은 역할을 하나요? vue를 처음 접하는지라 사소한것도 질문드리게되네요. vue3 => v-on:input="aaa" => @input="aaa" js => onchange="aaa()" 위처럼 생각해도될까요?
- vue.js
Minkoo Lee
댓글 1
좋아요 0
조회수 143
StockList 만들기 중 404 ERR_BAD_REQUEST 에러
미해결
기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]
StockList 만들기 중 404 ERR_BAD_REQUEST 에러 발생하여 한참 구글링 해보다가 아래의 방법으로 해결하였습니다. 혹시 같은 에러 있으신 분들 참고하세요 보안 이슈땜에 proxy 설정 필요합니다. 1) npm install http-proxy-middleware --save 2) src 폴더에 setupProxy.js 생성 후 아래 내용 복사 const { createProxyMiddleware } = require("http-proxy-middleware"); module.exports = function (app) { app.use( "/api", createProxyMiddleware({ target: " http://localhost:3000 ", changeOrigin: true, }) ); };
- HTML/CSS
- javascript
- vue.js
- node.js
- mongodb
- 소프트스킬
김동석
댓글 2
좋아요 0
조회수 160
home 화면에 불러와지지 않아요!
미해결
기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]
BMI 계산기 프로그램 완성하기 5:14 ~ APP.vue 파일에서 <router-view></router-view> main.js 파일에서 import { createApp } from 'vue' import App from './App.vue' import router from './router' createApp(App) .use(router) .mount('#app') 작성하면 선생님이 보여주신 거처럼 하단에 HomePage가 나와야 하는데 저는 HomePage 가 나오지 않아요. BMI를 눌러도 BMI 가 나오지 않습니다. BMI를 클릭하면 BMI를 클릭하면 path만 변경되지 다른 반응이 나오지 않습니다. 코드는 제가 직접 적진 않았고 선생님이 작성해준 코드를 그대로 넣었습니다 index main app.vue
- HTML/CSS
- javascript
- vue.js
- node.js
- mongodb
- 소프트스킬
최진아
댓글 1
좋아요 0
조회수 98
endOfLine git checkout 할때마다 매번 입력안하는 방법 있을까요?
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
안녕하세요~ 윈도우 사용자 입니다. 아래 질문 답변 주시면 감사하겠습니다. delete cr error 에러때문에 git checkout 할때마다 매번 .eslintrc.cjs 파일에 endOfLine auto 를 입력해야하는데, git checkout 시 매번 입력하지 않는 방법이 있을까요? 시도해본 방법 1 .gitignore 에 .eslintrc.cjs 파일을 추가 -> 실패 시도해본 방법 2 에디터 설정 -실패
- vue.js
김주원
댓글 1
좋아요 0
조회수 130
이벤트 처리 부분 강의 실습
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
강의들으면서 @keyup 이벤트가 강의 내용처럼 안먹네요. keyup이벤트는 키가 눌려졌다가 올라간뒤 실행하는 걸로 아는데요. 이상하게 실행이 안됩니다. 백스페이스나 엔터키는 또 먹습니다. 이벤트가 먼가 다르게 동작되는 느낌입니다. 콘솔 상엔 에러는 없고, 그냥 abcd같은 일반키는 keyup이벤트가 안먹네요. 이유가 뭘까요?
- vue.js
Minkoo Lee
댓글 2
좋아요 0
조회수 173
v-pre는 설명이 없나요?
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. v-once 설명하실 때 소스 코드에 v-pre가 남아있긴 한데 따로 설명은 필요 없나요?
- vue.js
Kim Joseph
댓글 2
좋아요 0
조회수 182
AppCard.vue 만들다 말고 오류가 갑자기 엄청 뜹니다
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 제목 명명도 제대로 되었는데 v-base3 셋팅 하자마자 저런 오류들이 막 뜹니다. TheNav랑 TheView는 제대로 됬는데 AppCard만 저러는 이유가 무엇일까요ㅠㅠ +) 수업은 들어야되서 일단 진행해보았는데 파일을 열고있으면 오류가 뜨지만 해당 파일을 닫으면 에디터 탐색기에서도 오류 표시가 사라지며 다시열면 오류표시가 뜹니다. 혹시나 해서 강의대로 전역함수에 등록을 했는데 웹에서 해당 카드객체는 또 정상적으로 출력되네요
- vue.js
주식회사대은계전
댓글 1
좋아요 0
조회수 172
logout 후에 login 페이지 이동은 어디서 시켜주는건가요?
미해결
호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
당연히 구글링 해보셨져? 원하는 결과를 못찾으셨나요? 어떤 검색어를 입력했는지 알려주세 문제가 발생한 코드(프로젝트)를 Github에 올리시고 링크를 알려주세요. location.href = /api/logout 를 통해 스프링 시큐리티로 logout 보내고 세션 삭제한 뒤 브라우저를 보면 login?logout이 찍힌걸 확인 할 수 있는데 login으로 어디서 보내준건지 헷갈립니다..
- vue.js
- aws
- spring-boot
- jpa
- spring-security
zzang4355
댓글 1
좋아요 0
조회수 255
깃 권한 요청드립니다
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디: izim0522 인프런 이메일:izim0522@naver.com 깃헙 아이디: izim5223@gmail.com 깃헙 username: junse11 입니다!
- javascript
- vue.js
- es6
- vuex
박준석
댓글 1
좋아요 0
조회수 148
vue.js 중급 리포지토리 권한 관련
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디: izim0522 인프런 이메일:izim0522@naver.com 깃헙 아이디: izim5223@gmail.com 깃헙 username: junse11 입니다!
- javascript
- vue.js
- es6
- vuex
박준석
댓글 1
좋아요 0
조회수 157
개발자도구 Vue 탭 관련 문의
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
위 제 PC크롬에서는 메뉴도 좀 다르고, 강의에 나오는 Highlight updates 부분 스위치 키고 싶은데, 메뉴 또는 항목이 어디있는지 도저히 모르겠습니다. 강의내용 대부분 찾아서 잘 찾아오면서 했는데 여기서 막혔네요. 다른 QNA 글에 있는 링크의 크롬 확장을 설치했는데 버전이 다른지 UI가 좀 다르게 나오더라구요.
- vue.js
Minkoo Lee
댓글 2
좋아요 0
조회수 281
강의를 인텔리제이로 수업따라가도 되져?
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
vscode가 아니더라도 따라가는 데는 문제없을까요?
- vue.js
Minkoo Lee
댓글 2
좋아요 0
조회수 207
clearNuxtState() 사용 문의
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
<q-btn label="clear" @click="clearNuxtState()" /> 안녕하세요. Nuxt 상태관리 : useState() 강의를 듣던 중 그대로 코딩을 따라했는데요. clearNuxtState() 이 버튼을 생성하자 이 메서드에서 사용할수 없다고 빨간색으로 표시 되는데요. ERROR(vue-tsc) Property 'clearNuxtState' does not exist on type 'CreateComponentPublicInstanceWithMixins<ToResolvedProps<{}, {}>, { counter: Ref<number, number>; sameCounter: Ref<number, number>; }, {}, {}, {}, ComponentOptionsMixin, ... 19 more ..., {}>'. FILE /Users/Documents/workspace/onego-front/pages/about.vue:43:42 41 | </div> 42 | <div> > 43 | <q-btn label="clear" @click="clearNuxtState()" /> | ^^^^^^^^^^^^^^ 44 | </div> 45 | </div> 46 | [vue-tsc] Found 1 error. Watching for file changes. 이와 같이 에러가 나는데요..왜 나는지 도저히 모르겠네요.. 짐코딩님 repository에서 about 페이지 소스 그대로 복사해서 붙여놨는데도 해당부분에 빨간색이 나오더라고요 ㅠ
- vue.js
- nuxt.js
- pinia
- vue-3
- clearnuxtstate
nhs0912
댓글 1
좋아요 0
조회수 126
API 사용시 자동으로 import하는 기능은 어떤것을 설치해야 하나요?
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
Composition API 챕터 수강중인데요. 강의를 보다보니 강사님께서 <script> 내에서 ref()라던지 onMounted()라던지 메소드를 작성하고 무슨 키를 누르시면 위쪽에 자동으로 import 문이 작성되더라구요. 이건 무슨 기능인가요?
- vue.js
Kim Joseph
댓글 2
좋아요 3
조회수 317
nuxt 빌드 환경 질문드립니다!
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
안녕하세요, 짐코딩님! 항상 좋은 강의 제공해 주셔서 감사합니다. 덕분에 많은 도움을 받고 있습니다! 😊 Nuxt 3를 빌드할 때 기본적으로 production 모드로 진행되는 것으로 알고 있는데요. 이를 local, dev, prod 등의 환경 기준으로 변경하려면 어떤 방식으로 설정하면 좋을까요? 감사합니다! 🙏
- vue.js
- nuxt.js
- pinia
- vue-3
GR
댓글 2
좋아요 0
조회수 406
이벤트 수식어 event 전달인자 관련 질문
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
안녕하세요~ 1번은 전달한 인자를 그대로 함수에서 받아서 의문이 안생기는데, 2번은 인자를 전달하지 않았는데, 함수에서는 event 인자를 받네요? event 인자는 자동으로 사용가능한 개념인지요? 답변 주시면 감사하겠습니다~ 1. 전달 한 인자를 함수에서 그대로 받음 printEventInfo('text', $event) printEventInfo(message, event) 2. 인자를 전달하지 않았는데 함수에서는 event를 인자로 받음 @keyup="onKeyupHandler" onKeyupHandler(event) on <template> <button @click="printEventInfo('text',$event)">inline event handler</button> <input type="text" @keyup="onKeyupHandler"/> </template> <script> export default{ const printEventInfo=(message, event)=>{ console.log(message) console.log(event.target) console.log(event.target.tagName) } const onKeyupHandler=(event)=>{ console.log(event.key) } } </script>
- vue.js
김주원
댓글 1
좋아요 0
조회수 158
피니아 persist 질문드립니다!
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
안녕하세요 짐코딩님, 강의 잘 듣고 있습니다! 강의 듣다가 궁금한게 있어서 질문드려요! 피니아 persist 사용하면서 localStorage 또는 sessionStorage에 저장할 때 암호화해서 저장하는 방법이 있을까요?
- vue.js
- nuxt.js
- pinia
- vue-3
GR
댓글 1
좋아요 0
조회수 203
prefetching 질문
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
<template> <div> <q-page padding> <div class='text-center q-py-xl'> <div class='text-h4'> {{ $route.path }} </div> </div> </q-page> </div> </template> <scipt lang='ts'> //아래 문장을 추가해야 링크클릭 가능 export default { }; console.log('prefetching-1'); </scipt> <script setup lang="ts"> </script> <style scoped> </style> 일단 각 prefetching-1,2,3 vue파일에 script 부분에 export default를 선언해야 강의로드맵 클릭했을때 이동이 되는데 왜그런가요?? 강의교안에는 그런게 없어서 영상에는 이동이 잘 되는데 말이죠.. <NuxtLink v-slot="{ navigate }" custom to="/course/prefetching-1"> <q-item clickable @click="navigate()">Prefetching Test 1</q-item> </NuxtLink> <NuxtLink v-slot="{ navigate }" custom to="/course/prefetching-2"> <q-item clickable @click="navigate()">Prefetching Test 2</q-item> </NuxtLink> <NuxtLink v-slot="{ navigate }" custom to="/course/prefetching-3"> <q-item clickable @click="navigate()">Prefetching Test 3</q-item> </NuxtLink> Prefetching에서 NuxtLink tag 안에 custom을 제거하면 prefetching이 정상적으로 되고 custom을 입력하면 prefetching이 되지 않는 것을 console.log에서 확인하였어요.. 혹시 왜그런지 아실까요? source : https://github.com/nhs0912/onego-front/tree/routing
- vue.js
- nuxt.js
- pinia
- vue-3
nhs0912
댓글 1
좋아요 0
조회수 129
인기 태그
인프런 TOP Writers
주간 인기글
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🧘♀️ [운동공간] 기획자/디자이너/앱 개발자를 찾습니다 띄띄
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS