173만명의 커뮤니티!! 함께 토론해봐요.
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
primitive type을 감싼 ref 객체?는 레퍼런스 타입이기 때문에 reactive에다가 ref 객체를 넘겨줬을 때 주소값이 같아서 같은 값으로 유지된다고 이해했습니다. 같은 주소할당으로 인한 사이드 이펙트가 발생할 것 같은데 저런 코드를 작성하는 일이 있는지 프론트 경험이 없어서 질문합니다!
미해결
기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]
CRUD 실습 - 2 중 문의사항이 있어 작성합니다. 제가 실수로 이전 CREATE 에서 두번 실행하는 바람에 현재 제 DB에 데이터가 중복으로 들어갔습니다. 그리고 현재 UPDATE를 하였을 때 데이터가 한 건만 수정되는 것을 확인하였습니다. 원래대로라면 '김현수'라는 이름을 가진 데이터가 2건이기 때문에 2건 모두 바뀌어야 하는 거 아닐까요? 왜 1건만 변경되는 지 문의드립니다.
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
[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 완벽 마스터: 기초부터 실전까지 - "실전편"
vue3-posts 깃헙에서 다운받아 클론하여 해보고 있는데요 조금만 수정하면 빨강 밑줄이 뜨면서 replace하라고 나오네요? 이유가 뭘까요? 그리고 개선방법이 있을까요? .
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
현재 우분투 서버단에서 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)
안녕하세요. 강의 잘 듣고 있습니다. 강의중에 퀘이사 컴포넌트 속성 작성하실때 (ex <q-input outline /> ) 영상에서는 o 만 타이밍해도 자동완성이 작동하던데, 저는 안되더라구요. 퀘이사 다른 익스텐션을 테스트해봐도 작동이 안되거나 버전업이 안되는것들 뿐이네요. volar 에서 Vue - Official 로 바뀐거같긴합니다만 이거때문일까요? 다른방법이 없을까요? 아니면 따로 사용하시는게 있을까요?
해결됨
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요 강사님 중급강의 스토어 모듈화까지 마치고 정상작동을 확인 한 후 터미널에서 프로젝트를 재실행 하였지만 오류로 인해 TodoList, TodoInput 등 작동 되지 않습니다. 오류는 다음과 같고 main.js와 store.js, todoApp.js 모두 import가 올바른 경로로 되어있습니다. main.js import 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.js import 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.js const 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 }
미해결
[웹 개발 풀스택 코스] Vue.js 프로젝트 투입 일주일 전 - 기초에서 실무까지
전체질문에 있는 부트스트랩 설치 시 오류 발생에 대한 질문 내용 도 읽어 보고 수업 노트 보기에 있는 내용으로 진행했지만 버전 문제인지 bootstrap 제대로 설치가 안됩니다. npm install bootstrap 실패오류 먼저 전체질문에 있는 내용하고 동일 npm install bootstrap --force npm install bootstrap --legacy-peer-deps 도움 요청합니다.
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
nuxt3 프로젝트를 git clone으로 pull 받은 후 해야 할 일 것들이 뭘까요? nvm 설치 후 node 와 npm 은 버전을 맞추었습니다. 이후 npm install하면 package.json 파일을 보고 의존성 라이브러리 추가되는 것으로 알고 있습니다. 이 외에 더 설치나 설정을 해야 할 것이 있을까요? 물론 git저장소에는 정상적으로 빌드 된 것들만 올라갔습니다.
미해결
Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
Firebase 요금에 관한 문의 사항이 있습니다. 회사 내 프로젝트인데 Firebase가 오픈 소스인 줄 알았는데 요금제가 있더군요 생각보다 요금제에 대한 함정이 있는 것 같아 사용하기가 선뜻 내키지 않습니다. 또한 저희는 오픈 소스를 사용해야 하는 입장이고 클라우드 환경이라면 AWS를 이용해야 하는 상황입니다. 질문 혹시 Firebase를 사용하지 않고 자체 DB를 이용한다고 할 때 강의 내용에 나온 프론트 화면이나 로직은 사용이 가능합니까? 만약 Firebase Store를 이용하지 않는다면 이 강의는 건너 뛰고 Nuxt3로 가는 것이 좋습니까?
미해결
Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
프로젝트에서 Quasar를 이용하여 프론트를 개발할 때 textarea, password 와 같은 입력 필드들을 base component로 만들어서 개발자에게 제공하는 것이 일반적인 방식인가요? 아니면 개발자가 하나하나 type이라던지 placeholder를 지정하면서 개발하는 것이 일반적인 방식인가요?
해결됨
Vue 3 시작하기
선생님 강의 들으면서 따라하고 있습니다 강의랑 똑같이 타이핑하면서 공부하고 있는데 왜 타임라인에서 이벤트 호출이 안되는지 이유를 모르겠어서 질문 남깁니다! 확인 부탁드립니다...!
해결됨
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Vue2는 created가 있지만, Vue3는 없기때문에 혼용해서쓴다면 (누가하던 작업을 이어받음) Api호출을 mounted 시점에하는게 나을까요? created시점에 호출하는것과 차이 많이날까요?
해결됨
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
현재 Vue3로 해당 강좌 진행중입니다...! 이벤트 버스가 들어가면서 bus.js를 작성하면서부터 학습 진행을 따라갈 수 없게 되었는데요ㅠㅠ!! 이 경우 해결 방안이 있을까요...? 버전 다운을 해야만 진행 가능한 부분인걸까요..? 코드상으로는 문제가 없으나 npm run serve시 해당 오류를 반환합니다..! bus 내 코드를 제거하고 확인하면 해당 오류가 노출되지 않아요 ㅠㅠ!!
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
안녕하세요. 단계(step)가 존재하는 페이지 이동시 공유 데이터 처리에 대해 질문 드립니다. 예를 들어 A프로세스 처리를 A-1, A-2, A-3의 페이지로 나뉘어 져 있으며 각 페이지에 입력된 값으로 최종 처리하고 또한 뒤로가기 하였을 경우 각 단계에서 입력된 값은 그대로 유지하여 노출해주어야 할경우입니다. 구글링을 해보면 전역 상태 값이 아니니 pinia 사용은 지양하는 듯하고 localStorage와 같은 기능을 사용하더군요. 이런 기능들을 사용하지 않고 vue3 자체 기능으로 사용할만한 것은 없는지 문의 드립니다.
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
안녕하세요. 선생님. 기본편부터 실전편까지 계속 반복해서 하라는대로 다 해봤는데 화면과 같이 규칙이 적용되지 않고, ","콤마도 사라지고, 빨간 밑줄이 생깁니다. npm run lint 명령어를 매번 실행해야 규칙이 적용되는 것 같은데, 뭘 놓친건지 확인 부탁드립니다. .eslintrc.cjs 2. settings.json main.js
미해결
[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터
<NuxtLink v-slot="{ navigate }" custom :to="`/course/${courseSlug}`"> <CourseCard :title="title" :subtitle="subtitle" :thumbnail="thumbnail" /> </NuxtLink> 해당 부분에서 오류가 발생하고 상세페이지로 진입이 안되는데 navigate 를 쓸 수 없는건가요?
미해결
웹 게임을 만들며 배우는 Vue
ERROR in app.js from Terser Error: error:0308010C:digital envelope routines::unsupported 구글링해보니 리액트밖에 안뜨네요.. 어떻게 해야 하나요?
미해결
Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
강의 내용대로 진행을 하였는데 아래와 같은 에러가 발생합니다. 순서는 아래와 같이 진행을 했습니다. vitePlugins에서 조금 틀리게 나오지만 없는 부분은 주석 처리해서 해보았지만 같은 현상입니다.
