묻고 답해요

``<-- 안의 내용이 스트링

미해결

웹 게임을 만들며 배우는 Vue

`` <-- 요거 안에서 자동완성 기능이 안되는데, 비주얼스튜디오 코드에서 작업중입니다. ``<-- 요것들 안에 있는내용은 스트링으로 됩니다. 방법이 있을까요?

• vuejs
• 웹팩
• vuex

강사님 질문이있습니다.

해결됨

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

글 삭제 remove 메소드 실행할때 deletPost에서 (props.id) 삭제와 deltePost(id) 삭제의 차이점이 궁금합니다 어차피 delete restapi는 연결된시점에 그냥 id만 써도 되는거아닌가요?

• vuejs

Vue3에서 render

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

데이터는 잘 불러와지는데, 렌더가 작동이 안되다는 오류 메세지 때문에, 공식 문서에서 찾아보았습니다. 더 이상 render 함수가 더이상 전달인자로 받지 않기 때문에 import ListView from ' ./ListView.vue ' import { h } from ' vue ' export default function createListView ( name ) { return { //재사용할 인스턴스(컴포넌트) 옵션들이 들어갈 자리 name : name , created () { this .$store.state.loading = true this .$store. dispatch ( ' FETCH_LIST ' , this .$route.name) . then (() => { console . log ( ' success LIST ' ) this .$store.state.loading = false }) . catch (( error ) => console . log ( error )) }, render () { return h (ListView); } } } h 를 'vue'에서 불러와서 사용하더라구요. 이때 h 는 어떤 역활을 해주게 되나요? 위처럼 수정해서 정상적으로 화면에 표시 됩니다!

• vuejs
• javascript

props 및 데이터 작명 관련해서 질문 드립니다.

해결됨

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

props등이나 데이터들을 넘길때, 항상 작명을 관련있지만 다르게 하시잖아요? (ex : userInfo , info) 수업중에 작명을 다르게 할 수 있다는걸 보여주시기 위해 작명을 다르게 한다고도 하셨는데, 실무에서 다른 개발자들이랑 개발을 진행할때, 데이터 이름을 서로 같게 해주는게 좋은지, 수업에 하시는것처럼 다르게 작명해주는게 좋은지 오히려 같게 해주면 거슬러 올라가거나 수정하기가 더 어려울거 같다는 생각도 드네요.. 개인적으로는 뷰가 아직 덜 익숙해서 그런지, 데이터 이름이 다르니 조금 헷갈리는 부분이 있어서 ㅎㅎ 같게 해주고 있습니다.

• vuejs
• javascript

저 처럼 강사님 말 안듣고 Vue3하다 dispatch error 난 경우 해결

해결됨

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

잘 따라 하다가 또잉 이런 애러가 계속 나서 1시간 해매다가 바보같이 main.js import { createApp } from 'vue' import App from './App.vue' import router from './routes/router' import store from './store/store' createApp(App).use(router, store).mount('#app') 이렇게 했다가 import { createApp } from 'vue' import App from './App.vue' import router from './routes/router' import store from './store/store' createApp(App).use(router).use(store).mount('#app') 이렇게 고쳤더니 store를 잘 인식하네요.. 수업 초반에 히힛 난 vue3 써야지~ 하고 강사님말 안듣고 여기까지 오다보니 다시 Vue2로 돌아갈 자신이 없어 돌아가지 못하네요

• vue
• javascript
• vue3
• vue3dispatch
• vuejs
• disptch

이 강의에서 말한 더 고치고싶은 부분이 궁금합니다.

해결됨

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

말씀하신 더 고치고 싶은 부분을 얘기해주면 어떻게 고칠 수 있을지 고민해볼 수 있을 것 같습니다.

• vuejs
• JPA
• spring-boot
• Spring Security
• aws

권한 요청드립니다.

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

인프런 아이디: tsseo.dev@gmail.com 인프런 이메일: tsseo.dev@gmail.com 깃헙 아이디: tsseo.dev@gmail.com 깃헙 username: 3rd-big

• javascript
• vuex
• es6
• vuejs

vue3 코드 공유

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

vue3로 진행하면 코드가 달르게 해야되서 코드 공유합니다. main.js ChartPlugin.js 혹시 Best practice가 아니라면 알려주세요! 감사합니다.

• vuejs
• javascript

Main.js 부분이 다르게 나옵니당

해결됨

Vue.js 시작하기 - Age of Vue.js

영상이 녹화됐을때랑 제가 쓰는 버전이랑 차이가 있어서 그런지 메인부분이 다르게 나옵니다. 이부분은 그냥 다른갑다... 하고 이해만 하고 넘어가도 될까요?

• javascript
• vuejs

i 태그에 v-on:click 이벤트랑 v-bind:class가 적용되지 않습니다.

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

강의를 보면서 따라서 타이핑하고 있는데, i 태그에서 이벤트랑 클래스 바인딩이 안됩니다. 아래에 span태그에서는 적용되는데, 이유가 뭔지 알 수 있을까요? <template> <div> <ul> <li v-for="(todoItem, index) in todoItems" v-bind:key="index" class="shadow"> <span v-on:click="toggleComplete(todoItem, index)"> <i class="checkBtn fas fa-check" v-bind:class="{checkBtnCompleted: todoItem.completed}"></i> </span> <span v-bind:class="{textCompleted: todoItem.completed}">{{todoItem.item}}</span> <span class="removeBtn" v-on:click="removeTodo(todoItem, index)"> <i class="fas fa-trash-alt"></i> </span> </li> </ul> </div> </template> <script> export default { data: function() { return { todoItems: [], } }, methods: { removeTodo: function(todoItem, index) { console.log('ffff'); localStorage.removeItem(todoItem); this.todoItems.splice(index, 1); }, toggleComplete: function(todoItem) { todoItem.completed = !todoItem.completed; } }, created: function() { if(localStorage.length > 0) { for (var i = 0; i < localStorage.length; i++) { this.todoItems.push(JSON.parse(localStorage.getItem(localStorage.key(i)))); } } } } </script> <style scoped> ul { list-style-type: none; padding-left: 0px; margin-top: 0; text-align: left; } li { display: flex; min-height: 50px; height: 50px; line-height: 50px; margin: 0.5rem 0; padding: 0 0.9rem; background: white; border-radius: 5px; } .removeBtn { margin-left: auto; color: #de4343; } .checkBtn { line-height: 45px; color: #62acde; margin-right: 5px; align-self: center; } .checkBtnCompleted { color: #b3adad; } .textCompleted { text-decoration: line-through; color: #b3adad; } </style>

• i태그
• vuex
• v-bind:class
• v-on:click
• vuejs
• es6
• javascript

죽어도 3버전 chart.js쓰고싶은분께

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하 기를 이용해주세요. 3 버전부터 웹팩을 쓰는분은 임포트를 개별적으로 해와서 레지스터 api 에 등록하게 끔되있는거같아요 난 그딴거 모르겠고 차트만되게해달라 저처럼 코드넣으세요!

• vuejs
• javascript

npm run build

미해결

웹 게임을 만들며 배우는 Vue

npm run build 한 후 localhost에서 어떻게 확인하나요...?

• 웹팩
• vuex
• vuejs

bcrypt vs bcryptjs

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

안녕하세요 강사님! 아래 댓글에 코멘트 남겨주신 강사님 댓글 중에서, bcrypt 로 진행하면 된다고 하시길래 npm 공식 사이트를 들어가 봤더니, 비슷한 이름의 라이브러리가 "2개" 있다는 것을 확인했습니다. bcrypt github wiki에서 kelektiv 제작자님 코멘트를 보면 bcrypt 가 더 성능상 우수하지만, 브라우저에서 동작하지 않기 때문에 웹 브라우저 환경에서는 bcryptjs 를 사용하라고 하는데, 여기서 질문있습니다. 1. 어떤 라이브러리로 설치하나요?(순간, swagger 문서를 웹 브라우저를 통해 확인하는 것이니 bcryptjs 가 아닌가 했었는데, 정확히 어떤게 맞나요? )

• vuejs
• vuex
• javascript

vue create <만들프로젝트명> 실행시 오류

미해결

Vue.js 시작하기 - Age of Vue.js

안녕하세요. 선생님 강의 잘보고 있습니다 !! 현재 2022년 5월이구요. 제가 쓰고 있는 버전입니다 ! Node.js 버전 : v12.17.0 NPM 버전 : 6.14.4 Vue CLI 버전 : 5.XX 문제점 : PowerShell,Cmd 둘 다 vue create <프로젝트명> 명령 실행하면 아래와 같은 에러가 발생합니다. 아래 에러의 원인을 찾으려 열심히 구글링 해보았지만 해결하지 못하고 있습니다..,,, 짐작가시는 오류의 원인이 있으실까요?

• vuecli
• javascript
• vuejs

jest 오류

해결됨

Vue.js 끝장내기 - 실무에 필요한 모든 것

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 학습중에 JEST오류가 있어서 오류 메세지와 package.json 스샷 첨부합니다. 좋은 강의 감사합니다.

• jest오류
• javascript
• vuejs
• vuex

favicon 경로 질문

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

파비폰 아이콘을 index.html과 같은 경로인 public폴더에 넣고 태그 경로를 ./favicon.ico로 설정하면 잘 적용이 되는데 강의에서처럼 src/assets/경로에 넣고 (index.html이 public폴더에 있으므로 이에 접근하기위해) ../src/assets/favicon.ico로 설정하면 왜 정상적으로 적용이 되지 않을까요? 그리고 npm돌릴때 local로 들어갈때는 파비콘이 안뜨고 network로 들어갈땐 파비콘이 뜨는 이유도 알려주세요

• vuex
• es6
• javascript
• vuejs

깃헙 권한 요청드립니다

미해결

Vue.js + TypeScript 완벽 가이드

eonhwakim / eonhwa97@gmail.com

• vuejs
• typescript

모듈화를 위한 여러가지 패턴들에 관한 질문

미해결

Vue.js 시작하기 - Age of Vue.js

안녕하세요, 판교님 질문있어서 들어왔습니다. JS가 그 동안 역사적으로 OOP를 구현하기 위해서 여러가지 시도를 많이 한 것 같습니다. 판교님 코드를 보니 다시 한번 이해가 되었는데요, ES5에서 많이 했었던 모듈패턴의 IIFE패턴을 소개해 주셨는데, 이번에 MDN사이트가 개편됐습니다, 확인이 늦어서 그런지 모르겠네요. 아무튼 판교님께서 소개해주신 IIFE 코드가 있었고, 더 아래에 생성자 함수를 통해서 reactivity 를 구현하려는 코드가 더 있더라구요 , 그래서 이제 판교님 생각에 둘의 어떤 특별한 차이가 있는지 궁금했습니다, 깊게 생각하지 않지만, 판교님께서는 이러한 부분에 대해서 어떻게 생각하시는지 궁금합니다. 

• iife
• vuejs
• 생성자함수
• class
• javascript

에러 질문입니다 !

미해결

프로젝트로 배우는 Vue.js 3

안녕하세요 코지코더님 ! 유튜브 부터 시작해서 코지코더님의 Vue 강의를 완강한지 어언 3달째 입니다. 다름이 아니라 오랜만에 소스코드를 확인해보고 싶어서 실행해 보았더니 분명 처음 완강했을 당시에는 잘 동작했는데 오랜만에 돌려보니까 사이트는 잘 접속 되는데 데이터는 연결되지 않고 오류가 발생하여 몇 시간 가까이 구글링을 해보았지만 소득이 없어 결국 여기까지 돌아오게 되었네요 Failed to load resource: net::ERR_CONNECTION_REFUSED -> npm run serve 입력 후 사이트가 실행되고 몇 초 후 발생하는 에러 POST net::ERR_CONNECTION_REFUSED -> Create Todo를 이용하여 Todo를 생성했을때 뜨는 에러 GET net::ERR_CONNECTION_REFUSED -> Todo 생성 실패 후 To-Do List로 넘어온 후 실행되는 에러 혹시 어떤 문제인지 또 어떤 방법을 사용하여야 오류를 고칠 수 있을지 싶어서 질문 남깁니다 !

• vuejs
• 웹앱
• vuex

vuejs와 데이터베이스를 연동해서 웹페이지를 만드는데, 서버 쪽에 뜨는 해결이 잘 안 되는 에러가 있어서 질문드립니다

미해결

vuejs를 이용해서, server와 client를 vscode에서 만들어서 웹페이지를 열었는데, server쪽 터미널을 보니 아래 에러가 뜨는데, 어떤게 문제인지 아시는 고수분들 계신가요? error : undefined {"text":"Column 'pgm_id' in where clause is ambiguous","sql":"\n with menu as (\n SELECT\n a.menu_id as top_menu_id,\n a.menu_key as top_menu_key,\n a.menu_icon as top_menu_icon,\n a.menu_nm as top_menu_nm,\n a.menu_sort_seq as top_menu_seq,\n b.menu_id as dtl_menu_id,\n b.pgm_id,\n b.menu_key as dtl_menu_key,\n b.menu_icon as dtl_menu_icon,\n b.menu_sort_seq as dtl_menu_seq\n from TB_VOC_MENU_BAS a, TB_VOC_MENU_BAS b\n where a.menu_level = 1\n and a.menu_id = b.parent_menu_id\n and a.use_yn in ('Y')\n and b.use_yn in ('Y')\n and pgm_id != 'pgm_108'\n and pgm_id != 'pgm_501'\n \n )\n select\n top_menu_id,\n top_menu_key,\n top_menu_icon,\n top_menu_nm,\n dtl_menu_id,\n pgm_id,\n dtl_menu_key,\n dtl_menu_icon\n from menu\n order by top_menu_seq, dtl_menu_seq\n - parameters:[]","fatal":false,"errno":1052,"sqlState":"23000","code":"ER_NON_UNIQ_ERROR","timestamp":"2022-04-28 10:26:41"} - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

• vuejs