묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
저 처럼 강사님 말 안듣고 Vue3하다 dispatch error 난 경우 해결
잘 따라 하다가 또잉 이런 애러가 계속 나서 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 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
vue3 코드 공유
vue3로 진행하면 코드가 달르게 해야되서 코드 공유합니다. main.js ChartPlugin.js 혹시 Best practice가 아니라면 알려주세요! 감사합니다.
-
해결됨Vue.js 시작하기 - Age of Vue.js
Main.js 부분이 다르게 나옵니당
영상이 녹화됐을때랑 제가 쓰는 버전이랑 차이가 있어서 그런지 메인부분이 다르게 나옵니다. 이부분은 그냥 다른갑다... 하고 이해만 하고 넘어가도 될까요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
i 태그에 v-on:click 이벤트랑 v-bind:class가 적용되지 않습니다.
강의를 보면서 따라서 타이핑하고 있는데, 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 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
죽어도 3버전 chart.js쓰고싶은분께
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 3 버전부터 웹팩을 쓰는분은 임포트를 개별적으로 해와서 레지스터 api 에 등록하게 끔되있는거같아요 난 그딴거 모르겠고 차트만되게해달라 저처럼 코드넣으세요!
-
미해결웹 게임을 만들며 배우는 Vue
npm run build
npm run build 한 후 localhost에서 어떻게 확인하나요...?
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
bcrypt vs bcryptjs
안녕하세요 강사님!아래 댓글에 코멘트 남겨주신 강사님 댓글 중에서, bcrypt 로 진행하면 된다고 하시길래 npm 공식 사이트를 들어가 봤더니, 비슷한 이름의 라이브러리가 "2개" 있다는 것을 확인했습니다. bcrypt github wiki에서 kelektiv 제작자님 코멘트를 보면bcrypt 가 더 성능상 우수하지만, 브라우저에서 동작하지 않기 때문에 웹 브라우저 환경에서는 bcryptjs 를 사용하라고 하는데, 여기서 질문있습니다.1. 어떤 라이브러리로 설치하나요?(순간, swagger 문서를 웹 브라우저를 통해 확인하는 것이니 bcryptjs 가 아닌가 했었는데, 정확히 어떤게 맞나요?)
-
미해결Vue.js 시작하기 - Age of Vue.js
vue create <만들프로젝트명> 실행시 오류
안녕하세요. 선생님 강의 잘보고 있습니다 !! 현재 2022년 5월이구요. 제가 쓰고 있는 버전입니다 ! Node.js 버전 : v12.17.0 NPM 버전 : 6.14.4 Vue CLI 버전 : 5.XX 문제점 : PowerShell,Cmd 둘 다 vue create <프로젝트명> 명령 실행하면 아래와 같은 에러가 발생합니다. 아래 에러의 원인을 찾으려 열심히 구글링 해보았지만 해결하지 못하고 있습니다..,,, 짐작가시는 오류의 원인이 있으실까요?
-
해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
jest 오류
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 학습중에 JEST오류가 있어서 오류 메세지와 package.json 스샷 첨부합니다. 좋은 강의 감사합니다.
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
favicon 경로 질문
파비폰 아이콘을 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로 넘어온 후 실행되는 에러 혹시 어떤 문제인지 또 어떤 방법을 사용하여야 오류를 고칠 수 있을지 싶어서 질문 남깁니다 !
-
미해결
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 문의하기를 이용해주세요.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한 요청드립니다
인프런 아이디 : guinness987@gmail.com 인프런 이메일 : guinness987@gmail.com 깃헙 아이디 : guinness987@gmail.com 깃헙 Username : kimchulyeon
-
미해결Vue.js 시작하기 - Age of Vue.js
Windows 에서 Code 메뉴 찾을 수 없어요
어디서 설정하는지 알려주세요.
-
해결됨Vue.js 시작하기 - Age of Vue.js
코드 순서 질문
new Vue를 통해 인스턴스가 만들어져 root컴포넌트가 생긴다고 알고있는데, 이 root컴포넌트가 생성되기전에 vue.component를 통해 하위 컴포넌트를 등록하셨는데, 이게 순서가 정확히 어떻게 되는건가요?
-
해결됨Vue.js 시작하기 - Age of Vue.js
변수명 질문
propsdata라는 똑같은 이름을 중복으로 사용해도 큰 문제가 없는건가요? 이렇게 짜면 appheader의 propsdata인지 appcontent의 propsdata인지 구분이 힘들꺼같아서요 js가 태그이름에 따라서 알아서 식별해주나요?
-
미해결윤재성의 Vue.js 프로젝트를 통한 실무 개발 과정
에러나시는분 vuex cdn 이걸로 실행해보세요
<script src="https://unpkg.com/vuex@2.0.0"></script> 위에꺼로 하면 에러안나요