176만명의 커뮤니티!! 함께 토론해봐요.
해결됨
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
import computed 자동저장시 eslint에 의해 'vue'로 재정의되는대 'vue'와 @vue/reactivity 의 차이가 무엇일까요? { ref , computed } 'vue' 사용하여 써도 문제가없던대 'vue'안에 모듈들이 함축적으로 포함되어있는건가요? 강의에서는 @vue/reactivity 로 하셨지만 조금 달라서 여쭈어봅니다.!
미해결
웹 게임을 만들며 배우는 Vue
`` <-- 요거 안에서 자동완성 기능이 안되는데, 비주얼스튜디오 코드에서 작업중입니다. ``<-- 요것들 안에 있는내용은 스트링으로 됩니다. 방법이 있을까요?
해결됨
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
글 삭제 remove 메소드 실행할때 deletPost에서 (props.id) 삭제와 deltePost(id) 삭제의 차이점이 궁금합니다 어차피 delete restapi는 연결된시점에 그냥 id만 써도 되는거아닌가요?
미해결
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 는 어떤 역활을 해주게 되나요? 위처럼 수정해서 정상적으로 화면에 표시 됩니다!
해결됨
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
props등이나 데이터들을 넘길때, 항상 작명을 관련있지만 다르게 하시잖아요? (ex : userInfo , info) 수업중에 작명을 다르게 할 수 있다는걸 보여주시기 위해 작명을 다르게 한다고도 하셨는데, 실무에서 다른 개발자들이랑 개발을 진행할때, 데이터 이름을 서로 같게 해주는게 좋은지, 수업에 하시는것처럼 다르게 작명해주는게 좋은지 오히려 같게 해주면 거슬러 올라가거나 수정하기가 더 어려울거 같다는 생각도 드네요.. 개인적으로는 뷰가 아직 덜 익숙해서 그런지, 데이터 이름이 다르니 조금 헷갈리는 부분이 있어서 ㅎㅎ 같게 해주고 있습니다.
해결됨
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로 돌아갈 자신이 없어 돌아가지 못하네요
해결됨
호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
말씀하신 더 고치고 싶은 부분을 얘기해주면 어떻게 고칠 수 있을지 고민해볼 수 있을 것 같습니다.
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디: tsseo.dev@gmail.com 인프런 이메일: tsseo.dev@gmail.com 깃헙 아이디: tsseo.dev@gmail.com 깃헙 username: 3rd-big
미해결
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
vue3로 진행하면 코드가 달르게 해야되서 코드 공유합니다. main.js ChartPlugin.js 혹시 Best practice가 아니라면 알려주세요! 감사합니다.
해결됨
Vue.js 시작하기 - Age of Vue.js
영상이 녹화됐을때랑 제가 쓰는 버전이랑 차이가 있어서 그런지 메인부분이 다르게 나옵니다. 이부분은 그냥 다른갑다... 하고 이해만 하고 넘어가도 될까요?
미해결
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>
미해결
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하 기를 이용해주세요. 3 버전부터 웹팩을 쓰는분은 임포트를 개별적으로 해와서 레지스터 api 에 등록하게 끔되있는거같아요 난 그딴거 모르겠고 차트만되게해달라 저처럼 코드넣으세요!
미해결
웹 게임을 만들며 배우는 Vue
npm run build 한 후 localhost에서 어떻게 확인하나요...?
미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
안녕하세요 강사님! 아래 댓글에 코멘트 남겨주신 강사님 댓글 중에서, bcrypt 로 진행하면 된다고 하시길래 npm 공식 사이트를 들어가 봤더니, 비슷한 이름의 라이브러리가 "2개" 있다는 것을 확인했습니다. bcrypt github wiki에서 kelektiv 제작자님 코멘트를 보면 bcrypt 가 더 성능상 우수하지만, 브라우저에서 동작하지 않기 때문에 웹 브라우저 환경에서는 bcryptjs 를 사용하라고 하는데, 여기서 질문있습니다. 1. 어떤 라이브러리로 설치하나요?(순간, swagger 문서를 웹 브라우저를 통해 확인하는 것이니 bcryptjs 가 아닌가 했었는데, 정확히 어떤게 맞나요? )
미해결
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 <프로젝트명> 명령 실행하면 아래와 같은 에러가 발생합니다. 아래 에러의 원인을 찾으려 열심히 구글링 해보았지만 해결하지 못하고 있습니다..,,, 짐작가시는 오류의 원인이 있으실까요?
해결됨
Vue.js 끝장내기 - 실무에 필요한 모든 것
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 학습중에 JEST오류가 있어서 오류 메세지와 package.json 스샷 첨부합니다. 좋은 강의 감사합니다.
해결됨
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
파비폰 아이콘을 index.html과 같은 경로인 public폴더에 넣고 태그 경로를 ./favicon.ico로 설정하면 잘 적용이 되는데 강의에서처럼 src/assets/경로에 넣고 (index.html이 public폴더에 있으므로 이에 접근하기위해) ../src/assets/favicon.ico로 설정하면 왜 정상적으로 적용이 되지 않을까요? 그리고 npm돌릴때 local로 들어갈때는 파비콘이 안뜨고 network로 들어갈땐 파비콘이 뜨는 이유도 알려주세요
미해결
Vue.js + TypeScript 완벽 가이드
eonhwakim / eonhwa97@gmail.com
미해결
Vue.js 시작하기 - Age of Vue.js
안녕하세요, 판교님 질문있어서 들어왔습니다. JS가 그 동안 역사적으로 OOP를 구현하기 위해서 여러가지 시도를 많이 한 것 같습니다. 판교님 코드를 보니 다시 한번 이해가 되었는데요, ES5에서 많이 했었던 모듈패턴의 IIFE패턴을 소개해 주셨는데, 이번에 MDN사이트가 개편됐습니다, 확인이 늦어서 그런지 모르겠네요. 아무튼 판교님께서 소개해주신 IIFE 코드가 있었고, 더 아래에 생성자 함수를 통해서 reactivity 를 구현하려는 코드가 더 있더라구요 , 그래서 이제 판교님 생각에 둘의 어떤 특별한 차이가 있는지 궁금했습니다, 깊게 생각하지 않지만, 판교님께서는 이러한 부분에 대해서 어떻게 생각하시는지 궁금합니다.
미해결
프로젝트로 배우는 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로 넘어온 후 실행되는 에러 혹시 어떤 문제인지 또 어떤 방법을 사용하여야 오류를 고칠 수 있을지 싶어서 질문 남깁니다 !
