묻고 답해요
147만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
순위 정보를
불러오고 있어요
-
미해결프로젝트로 배우는 Vue.js 3
로그인과 같이 레이아웃이 완전 다른 페이지를 만들때는 router 를 어떻게 할까요?
안녕하세요 선생님!덕분에 정말 뷰 재미있게 배우고 있습니다. 한가지 궁금한점은모든 페이지에는 헤더가 동일하다가로그인/회원가입에서만 헤더가 다르거나 완전 다른 레이아웃일 경우에는 아래 중 어떤 것이 가장 적합한지 궁금합니다. router 를 사용한 후 v-if 등을 활용해서 header를 숨김처리router 사용 / header 컴포넌트에 slot 등을 활용해서 숨김처리로그인/회원가입과 같은 특수한 페이지만 router 사용하지 않고 a링크로 url 이동어떤것이 가장 적합할까요?또한, 30페이지 정도는 a헤더를 사용하고 40페이지 정도는 b헤더를 사용해야하는 경우에는 어떤것이 적합한지 궁금합니다!
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
nom update check failed는 어떠한 이유로 뜨는 것인 지 궁금합니다.
안녕하세요 선생님 덕분에 강의 잘 수강하고 있습니다.다름이 아니라 back-end project를 실행하는데npm run dev 를 실행하면 정상적으로 서버도 돌아가고 /api/docs 경로도 잘 조회가 됩니다. 다만 저 경고문구는 왜 뜨는지 궁금합니다..!
-
미해결Vue로 Nodebird SNS 만들기
안녕하세요! 로그인 유지 질문 드립니다!
이것저것 만들어보다가 로그인 유지에 대한 필요성을 느꼈고https://www.zerocho.com/category/HTML&DOM/post/5918515b1ed39f00182d3048제로초님의 이 글을 보게 되었습니다!그런데 만약 로컬스토리지에서는 유저 정보가 있는데 백엔드에서는 유저 정보가 없는경우 (express-session 만료 등의 이유)가 있을수 있을것 같은데 이런 경우에는 실무에서 어떻게 처리가 될까요??단적인 생각으로는 백엔드의 세션 만료시 로컬스토리지의 정보(아이디 / 비번)로 세션을 재활성 시킨다거나 할수 있을것 같은데 혹시 이런 경우에는 어떻게 처리가 될까요??
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
개발을 할 때 vue-til-server 에 있는 api 코드들은 백엔드 개발자가 프론트 개발자에게 작업해서 주게되나요?
개발을 할 때 vue-til-server 에 있는 api 코드들은 백엔드 개발자가 프론트 개발자에게 작업해서 주게되나요?만약 프론트개발자가 작업해야한다면 이부분은 어떤강의로 공부하면 될까요?
-
미해결프로젝트로 배우는 Vue.js 3
vue CLI 설치 관련 문의드립니다.
현재 vue installation 페이지가 없어서 아래 페이지를 참고 하고 있습니다.https://vuejs.org/guide/quick-start.html#creating-a-vue-application 하여 node.js 설치 후 강의에 가이드해주신대로 설치하니,아래와 같은 에러가 발생합니다.어떻게 진행해야되는지 답변 부탁드립니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
뒤죽박죽 올라가는 리스트 순서를 대비해 sort() API를 사용하라고 적어주셨는데 도저히 모르겠습니다..!
const storage = { fetch() { const arr = []; 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; }, }; 답변 중 불러올 때 for 문을 돌리는데 순서 보장이 안된다고 하신 부분을 보고 위 쪽에 있는 for문을 말씀하신 건가 싶었고 그럼 이 부분에 있는 배열 arr에 sort()를 추가하는 건가? 싶었는데 제가 맞게 이해한 걸까요?sort라는 변수를 하나 추가한 뒤 arr.sort()를 넣은 후 return값에 arr대신 sort를 넣어보기도 했는데 잘못된 방 법인지 딱히 바뀌지 않더라구요.. 구글을 뒤져봐도 아직 못 찾아 좀 더 찾아보면서 질문도 함께 올려봅니다..
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한 재요청ㅡㅜ
초대장을 확인을 못해서 초대장이 소멸되었네요.ㅠㅠ 다시 부탁드립니다.인프런 아이디 : kik1611인프런 이메일 : kik1611@nate.com깃헙 아이디 : kik87827@gmail.com깃헙 Username : kik87827
-
미해결프로젝트로 배우는 Vue.js 3
31강 DB질문
깃에 31 branch로 프로젝트돌렸는데 왜 DB에 저장된 3개의 목록이 보이지 않을까요?그리고 새로 추가해보려 해도 저장도 안됩니다
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청
권한 요청 드립니다.인프런 아이디 : cldud970@gmail.com인프런 이메일 : cldud970@gmail.com깃헙 아이디 : cldud970@naver.com깃헙 Username : Returnmakdo
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청
깃헙 권한 요청 드립니다.인프런 아이디 : jiin724@gmail.com인프런 이메일 : jiin724@gmail.com깃헙 아이디 : jiin724@gmail.com깃헙 Username : amazingkj요청 드립니다~!
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한 재요청
깃헙 메일이 변경되어 권한 재요청 드립니다.인프런 아이디 : online_uiux@mediawill.com인프런 이메일 : online_uiux@mediawill.com깃헙 아이디 : online_uiux@mediawill.com깃헙 Username : online_uiux
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청드립니다.
인프런 아이디 : feeljinjoo@naver.com인프런 이메일 : feeljinjoo@naver.com깃헙 아이디 : isky247@hanmail.net깃헙 Username : pearlrabbit
-
미해결프로젝트로 배우는 Vue.js 3
to와 :to의 차이점
router-link 태그에서 원래 to로 달려있던 속성을 :to로 바인딩 해주셨는데 이거는 어떤 의미에서 바인딩을 시켜주셨는지 궁금합니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청
권한 요청 드립니다.인프런 아이디 : online_uiux@mediawill.com인프런 이메일 : online_uiux@mediawill.com깃헙 아이디 : kimyj@mediawill.com깃헙 Username : yejinkeem
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
github 권한 요청 드립니다.
인프런 아이디 : mi.jang@ahnlab.com인프런 이메일 : mi.jang@ahnlab.com깃헙 아이디 : rose01072815503@gmail.com깃헙 Username : rose01072815503
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청
인프런 아이디 : notenore@gmail.com인프런 이메일 : notenore@gmail.com깃헙 아이디 : notenore@gmail.com깃헙 Username : notenore
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 권한 요청
인프런 아이디 : kimnamkyu@lgcns.com인프런 이메일 : kimnamkyu@lgcns.com깃헙 아이디 : formanship@gmail.com깃헙 Username : manstar1201
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한 요청 부탁드립니다.
인프런 아이디 : stomboy2@naver.com인프런 이메일 : stomboy2@naver.com깃헙 아이디 : tyo1012@naver.com깃헙 Username : Five-Sun
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
강의 교안 혹은 노트
안녕하세요. 강의 중간 중간에 말씀하신 강의 교안 혹은 노트는 어디서 받을 수 있나요?확인 부탁드립니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
i 태그 사용 시 click event 안먹는 이유
안녕하세요. 강의 들으면서 하나하나 따라했는데 i태그 사용하여 v-on:click 시, 클릭이벤트가 전혀 먹히지 않아 일단 span태그로 감싸 사용했습니다. 강사님은 i태그만 사용해도 이벤트가 적용 되는데 왜 안되는지 이유를 알 수 있을까요?제 코드는 아래에 있습니다. <template> <div> <ul> <li v-for="(todoItem, index) in todoItems" v-bind:key="todoItem.item" 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="fa-regular fa-trash-can"></i> </span> </li> </ul> </div> </template> <script> export default { data: function () { return { todoItems: [], }; }, methods: { removeTodo: function (todoItem, index) { localStorage.removeItem(todoItem); this.todoItems.splice(index, 1); }, toggleComplete: function (todoItem, index) { todoItem.completed = !todoItem.completed; localStorage.removeItem(todoItem.item); localStorage.setItem(todoItem.item, JSON.stringify(todoItem)); }, }, created: function () { if (localStorage.length > 0) { for (let i = 0; i < localStorage.length; i++) { localStorage.getItem(localStorage.key(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; } .checkBtnCompleted { color: #b3adad; } .textCompleted { text-decoration: line-through; color: #b3adad; } </style>
주간 인기글
순위 정보를
불러오고 있어요