묻고 답해요
140만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
API Routes를 통해 만든 /api/error.ts 의 반환값 문제
안녕하세요../server/api/error.ts를 다음과 같이 구성하였습니다.export default eventHandler(() => { throw createError({ statusCode: 404, statusMessage: '페이지를 찾을 수 없습니다.', }); });그리고 강의에서와 같이 http://localhost:3000/api/error 요청하면 json으로 요청이 되지 않고 다음과 같이 html 화면만 출력이 됩니다. 해당 요류를 어떻게 해결할 수 있을까요.감사합니다.
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
Property $hello does not exist on type
안녕하세요.강의를 수강하면서 Plugins 부분에 대해서 질문이 생겨서 글을 작성했습니다.강의를 따라하다 보니 hello.ts를 교안과 같이 작성하였고, index.d.ts와 app.vue도 동일하게 구성하였는데 다음과 같은 오류가 발생하고 있습니다.(course.vue에서 $hello를 사용하는 부분 - 기능은 동작하고 있음)[vue-tsc] Property '$hello' does not exist on type 'CreateComponentPublicInstance<Readonly<ExtractPropTypes<{}>>, { courses: typeof courses; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ... 12 more ..., {}>'.혹시 이러한 오류가 발생하였을 때 어떻게 해결해야 할 지 궁금합니다.(추가+ index.d.ts의 타입 선언 부분의 주석을 해제하면 오류가 사라집니다.)hello.tsexport default defineNuxtPlugin(() => { return { provide: { hello: (msg: string) => `Hello ${msg}!`, }, }; });강의를 너무 잘 수강하고 있습니다. 감사합니다.
-
미해결Vue.js 시작하기 - Age of Vue.js
화면 코드 보기
강사님..혹시 화면을 좀 줄여 주실수 있을까요?전체적인 코드라 할까? ...좀 뒤에서 보고 싶네요... (매우 답답해서요)주위 코드도 안보이고... 방법 없을까요? (녹화를 다시 하시기도 뭐하고..ㅠㅠ)
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
ide 타입추론 기능 사용할 수 없을까요??
template lang=""> <ItemList></ItemList> {{ users[0] }} </template> <script lang="ts"> import ItemList from '../components/lists/ItemList.vue' import {fetchNewsList, User} from '../api/news' export default { data() { return { users: [] as User[] } },vue3에 타입스크립트 적용해서 하는 중입니다.위 코드처럼 interface 만들어서 타입을 사용해보고 있는데{{ users[0] }}에 .id .title 등 ide에서 제공되는 타입추론이 안됩니다. vue는 방법이 없을까요??
-
해결됨Vue.js - Django 연동 웹 프로그래밍 (실전편)
최신 현행화 영상 Play 안됩니다.
섹션 1. 최신 버전 현행화 가이드 영상이 정상적으로 Play가 안됩니다.
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??
vue peek 설치 없이는 컴포넌트 위에 컨트롤 마우스로 올려놔도 링크 생성이 안되네요..
-
미해결Vue 3 시작하기
volar(vue language features) 검색 안됨
volar 와 vue language features 로 검색해봤지만, 영상에 나오는 플러그인은 검색이 안됩니다. 다른걸 설치해야할까요?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
Where is the "vue entry point"?
index.html?...당연히(?) 아무생각없이(?)프로젝트 빌드하고 실행하면 entry point 가 index.html 이라고만 생각하고 있다가 ..이번 강의를 보면서index_cloak.html 이 파일명을 변경해도먼저 동작하네요질문:단순의 index.html은 파일명을 변경해도 상관없는지요?동영상 cloak 부분을 설명하실때 내용을 보면바로 파일명을 index_cloak.html로 변경해서 설명해주시는 걸 보면 .... 흐음.." index.html 을 index_cloak.html 로 변경해서index_cloak.html 부터 (?) 시작해라 " 같은 환경설정은 없는거 같은데..JSP.. 같이<welcom-file-list> 가 있는것도 아니고...App.vue .. is root commonent? ..뭔상관?..코딩님 쾌변좀 부탁드립니다. ^^
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
PostItem
PostItem은 제목이나 내용의 길이에 따라 카드도 계속 늘어나는데제목은 한 줄이 넘어 갈 경우 ...내용은 몇 줄 이상되면 ...으로 표현하려면 어떻게 해야 되나요?그리고 카드의 길이도 고정하고 싶습니다!
-
미해결호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
SecurityMockContext 로부터 유저 정보를 가져오기
@Test @DisplayName("글 삭제") @CustomMockUser void test7() throws Exception { // given UserPrincipal principal = (UserPrincipal) SecurityContextHolder.getContext().getAuthentication().getPrincipal(); Member byId = memberRepository.findById(principal.getUserId()).orElseThrow(UserNotFound::new); Post post = Post.builder() .title("Hello World") .content("Hello Java") .member(byId) .build(); postRepository.save(post); // expected mockMvc.perform(delete("/posts/{postId}", post.getId())) .andExpect(status().isOk()) .andDo(print()); }
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
건의
강의 시 폰트 크기 좀 키워주셨으면 좋겠습니다.IDE 폰트가 작아서 코드 보기가 힘드네요..
-
미해결Vue 3 중급 - Composition API
watch newValue와 oldValue가 같은 이유?
음 강의를 잘듣고있습니다. 궁금한 점은 watch를 사용하는 부분에서 인자 두개 prevValue,newValue 두개를 콘솔로 찍어봤을때 값이 같은 이유는 뭔지가 궁금합니다.
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
reactive 반응형 강의 기초 편에서 궁금한게 있습니다.
primitive type을 감싼 ref 객체?는 레퍼런스 타입이기 때문에reactive에다가 ref 객체를 넘겨줬을 때 주소값이 같아서 같은 값으로 유지된다고 이해했습니다.같은 주소할당으로 인한 사이드 이펙트가 발생할 것 같은데 저런 코드를 작성하는 일이 있는지 프론트 경험이 없어서 질문합니다!
-
미해결기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]
mongoDB에서의 데이터 중복일 때 1건만 수정되는 이유
CRUD 실습 - 2 중 문의사항이 있어 작성합니다.제가 실수로 이전 CREATE 에서 두번 실행하는 바람에 현재 제 DB에 데이터가 중복으로 들어갔습니다. 그리고 현재 UPDATE를 하였을 때 데이터가 한 건만 수정되는 것을 확인하였습니다.원래대로라면 '김현수'라는 이름을 가진 데이터가 2건이기 때문에 2건 모두 바뀌어야 하는 거 아닐까요? 왜 1건만 변경되는 지 문의드립니다.
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
config.authCookieName 에서 타입 오류가 발생합니다.
[vue-tsc] Argument of type 'unknown' is not assignable to parameter of type 'string'./workspace/dev/nuxt-tutorial/server/routes/auth/login.post.ts:38:20 36 | 37 | const config = useRuntimeConfig(); > 38 | setCookie(event, config.authCookieName, JSON.stringify(userWithoutPassword)); | ^^^^^^^^^^^^^^^^^^^^^ 39 | 40 | return { 41 | user: userWithoutPassword,[vue-tsc] Argument of type 'unknown' is not assignable to parameter of type 'string'./workspace/dev/nuxt-tutorial/server/utils/auth.ts:5:43 3 | export function getUserFromEvent(event: H3Event) { 4 | const config = useRuntimeConfig(); > 5 | const userJsonString = getCookie(event, config.authCookieName); | ^^^^^^^^^^^^^^^^^^^^^ 6 | 7 | console.log('userJsonString: ', userJsonString);config.authCookieName 에서 타입 오류가 발생하는데 어떻게 해결 할 수 있을까요..?
-
미해결Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
조금만 수정하면 빨강 밑줄이 뜨면서 replace하라고 나오네요
vue3-posts 깃헙에서 다운받아 클론하여 해보고 있는데요조금만 수정하면 빨강 밑줄이 뜨면서 replace하라고 나오네요? 이유가 뭘까요? 그리고 개선방법이 있을까요?.
-
미해결[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
unhandledRejection 오류는 어떻게 해결 해야 하나요?
현재 우분투 서버단에서 nuxt3와 pm2로 실행관리를 하려면 테스트중입니다.그런데, 잘 작동하다가 한번씩.. 아래와 같은 오류를 발생시키면서 서버가 죽습니다.며칠동안 방법을 찾으려고 했으나, 찾을수가 없어서 질문 드립니다.(구글링, gpt 하면서 체크하라는 부분은 다 체크해 보았는데.. 못 잡았습니다.. 해당 패키지들은 최신버전이고, node도 다른버전으로 변경해 보았으나, 동일한 현상을 발생시킵니다.)관련 이슈도 있는거 같던데.. 혹 알고 계시는거 없는지요??0|nuxt3 | ERROR [unhandledRejection] connect ECONNREFUSED 127.0.0.1:43671 0|nuxt3 | 0|nuxt3 | at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1606:16) 0|nuxt3 | 0|nuxt3 | 0|nuxt3 | ERROR [unhandledRejection] connect ECONNREFUSED 127.0.0.1:43671 0|nuxt3 | 0|nuxt3 | at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1606:16) 로컬에서 개발시에는 개발중 이런 문제가 없었던 것으로 기억하는데..서버단으로 이동후에는 이러네요..정확한 원인을 모르니, 많이 답답합니다.. 알려주세용..
-
미해결Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
플로그인 설치
안녕하세요volar 설치 확인 중 . volar 를 입력하면 강의에서 볼 수 있는 " Vue Langve Features(Volar)" 이 검색 되질 않습니다. TypeScriptg vue Plugn(volar) 은 취소선으로 처리되어 김색 데고요...Visaul Code 문제?..글쎄요.. 잘 모르겠습니다. 지원 부탁 드립니다.
-
미해결퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)
quasar intellisense extension 관련 문의
안녕하세요. 강의 잘 듣고 있습니다.강의중에 퀘이사 컴포넌트 속성 작성하실때 (ex <q-input outline /> )영상에서는 o 만 타이밍해도 자동완성이 작동하던데, 저는 안되더라구요.퀘이사 다른 익스텐션을 테스트해봐도 작동이 안되거나 버전업이 안되는것들 뿐이네요.volar 에서 Vue - Official 로 바뀐거같긴합니다만 이거때문일까요? 다른방법이 없을까요? 아니면 따로 사용하시는게 있을까요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
getter가 정의되어 있지 않아 오류가 발생합니다.
안녕하세요 강사님중급강의 스토어 모듈화까지 마치고 정상작동을 확인 한 후터미널에서 프로젝트를 재실행 하였지만오류로 인해 TodoList, TodoInput 등 작동 되지 않습니다.오류는 다음과 같고main.js와 store.js, todoApp.js 모두 import가 올바른 경로로 되어있습니다.main.jsimport Vue from 'vue' import App from './App.vue' import { store } from './store/store.js' new Vue({ el: '#app', store : store, render: h => h(App), }) store.jsimport Vue from 'vue' import Vuex from 'vuex' import todoApp from './modules/todoApp.js' Vue.use(Vuex); export const store = new Vuex.Store({ modules : { todoApp } });todoApp.jsconst storage = { fetch(){ const arr = []; console.log('created') if(localStorage.length > 0 ){ for(let i = 0; i < localStorage.length; i ++){ if (localStorage.key(i) !== 'loglevel:webpack-dev-server'){ arr.push(JSON.parse(localStorage.getItem(localStorage.key(i)))); } } } return arr; } } const state= { todoItems: storage.fetch() }; const getters = { getTodoItems(state) { return state.todoItems; } }; const mutations= { addOneItem(state, todoItem) { const obj = {completed: false, item: todoItem} localStorage.setItem(todoItem, JSON.stringify(obj)); state.todoItems.push(obj); }, removeOneItem(state, payload){ localStorage.removeItem(payload.todoItem.item); state.todoItems.splice(payload.index,1); }, toggleOneItem(state, payload){ state.todoItems[payload.index].completed = !state.todoItems[payload.index].completed; localStorage.removeItem(payload.todoItem.item); localStorage.setItem(payload.todoItem.item, JSON.stringify(payload.todoItem)); }, clearAllItems(state){ localStorage.clear(); state.todoItems=[]; } }; export default{ state, getters, mutations }