173만명의 커뮤니티!! 함께 토론해봐요.
해결됨
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
안녕하세요. 짐코딩 님, 매번 신기술이 나오는데 예를 들어 현 강의 주제인 vue가 처음 나왔을 때 학습하신 방법이 궁금합니다. 어떤 경로를 통해 처음 학습 하시는 건지 궁금합니다. 공식 문서나 관련 도서를 통해 공부하시는지 아님 다른 경로를 통한 것인지 궁금합니다.
해결됨
Vue 3 시작하기
component events에서 refresh log가 보이지 않습니다. component의 event listners에서 refresh: not declared인 것이 문제일까요? 코드도 함께 첨부합니다.
해결됨
Vue로 Nodebird SNS 만들기
React는 리뉴얼된 자료가 있던데 Vue NodeBird는 따로 없는것같아서요! 감사합니다.
미해결
프로젝트로 배우는 Vue.js 3
const numberOfPages = computed(() => { return Math.ceil(Number(numberOfTodos.value)/limit) }); 이 부분에서 NaN 에러가 납니다. 혹시나해서 강사님 깃허브 소스 들고와서 복붙해도 똑같이 그러네요. 페이징 마지막 34번 깃허브 소스도 붙여넣기 해보니 아예 리스트가 안 나오는 현상이 발생합니다. (데이터는 잘 불러옵니다.) 뭐 때문에 그러는걸까요? 소스 확인 부탁드립니다!
미해결
프로젝트로 배우는 Vue.js 3
todos 에 내용이 없을 때 화면에 []이 표시됐었는데, 마지막에 내용을 지워도 화면에 []이 표시되지 않네요?? 어떤 로직때문에 화면에 todos가 없어도 []가 표시되지 않는걸까요?
해결됨
프로젝트로 배우는 Vue.js 3
(사진)
해결됨
Vue 3 시작하기
target[prop] = newValue; 를 하지 않고 render(newValue)를 해도 값이 바껴서 출력되는걸 확인할 수 있는데, target[prop]에 newValue 값을 넣어주는 이유가 있을까요?
미해결
호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)
회원가입과 비밀번호 암호화 - 1에 5분 10초 정도 쯤에 dto를 서비스 계층으로 바로 넘기는 것이 안 좋다고 호돌님께서 말씀하셨습니다. 그래서 궁금증을 해결해 보고자 검색을 해봤습니다. 근데 dto를 컨트롤러 계층에서 엔티티로 변환하고 서비스 계층으로 넘겨야한다는 의견도 있고 컨트롤러에서 변환하고 넘기는 것보다 서비스 계층에서 dto를 변환해야 한다는 의견이 있는데 호돌님께서 말씀하신 것이 제가 고민하고 있는 것이 맞는지 알고 싶고 호돌님께서는 왜 dto를 서비스 단에 바로 넘기는 것이 안 좋다고 했는지 궁금합니다.!! 의견이 너무 갈려서 뭐가 맞는 방법인지 헷갈리네요
미해결
Nuxt.js 시작하기
다른분이 문의하신것 처럼 파일 구조가 다르게 생성되어서 수업 중간부터 default.vue도 없고 앞으로 수업을 따라가기가 걱정되네요. 아무래도 초보인데 폴더구조부터 달라버리면 막히거든요….이런 혼동이 생기지 않도록 강의 초반에 안내를 해주셨으면 좋겠습니다. 그리고 추가 강의도 올려주신다고 댓글 달아주신거 같은데 어디서 확인할수있는지 안내 부탁드려요 ㅜㅜ
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
컴포넌트에 props내릴때 질문 있습니다. 회사 프로젝트중에 팝업창을 띄울일이 있었고, 팝업창을 띄울때 데이터를 props로 넘겨줘야 할 일이 있어서 props로 넘겨줬습니다. //팝업에 props로 데이터 넘겨주는 부분 <MNGDA0030Popup ref="mNGDA0030Popup" :cmpny-div="searchPopupParam.CMPNY_DIV" :year="searchPopupParam.YEAR" :asgn-full-nm="ASGN_FULL_NM" :bsns-cd="searchPopupParam.BSNS_CD" :asgn-cd="searchPopupParam.ASGN_CD" :in-out="searchPopupParam.IN_OUT" :seq="searchPopupParam.SEQ" /> //props 받는부분 const props = defineProps({ cmpnyDiv: { type: String, default: "", }, year: { type: String, default: "", }, asgnFullNm: { type: String, default: "", }, bsnsCd: { type: String, default: "", }, asgnCd: { type: String, default: "", }, inOut: { type: String, default: "", }, seq: { type: Number, default: "", }, }) let searchParams = reactive({ CMPNY_DIV: useUserStore.company, YEAR: props.year, BSNS_CD: props.bsnsCd, ASGN_CD: props.asgnCd, IN_OUT: props.inOut, SEQ: props.seq, }) console.log("프롭스", props) console.log("서치파람", searchParams) 제 질문은 console.log("프롭스", props) props를 콘솔 찍었을땐 값이 제대로 들어가는데, searchParams에 따로 값을 할당해서 찍어보면 값이 들어가지 않습니다. 제 생각에는 props로 넘기고, 값을 할당했을때 반응성을 잃어 버린거 같습니다. 그래서 toRefs?로 감싸봤지만 해결하지는 못했습니다. props.데이터 등으로 개발은 할수 있겠지만 searchParams에 props데이터를 할당 하는 방법이나 짐코딩님 강의중 어떤 부분을 다시 보면 될지 알수있을까요?
해결됨
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
이 부분에서 index에 에러 메세지가 나옵니다. 'index' is defined but never used 내용의 메세지가 나오는데, removeTodo(todoItem, index)에는 안나오는데 toggleComplete에만 나와요. <i class="checkBtn fa-solid fa-square-check" v-bind:class="{checkBtnCompleted: todoItem.completed}" v-on:click="toggleComplete(todoItem, index)"></i> toggleComplete: function(todoItem, index){ todoItem.completed = !todoItem.completed; } 찾아보다가 devServer: { overlay: false } 이걸 추가하라는 글을 보고 추가했는데, 변화가 없길래 서버를 다시 실행 해봤습니다. 그런데 오히려 저거 때문에 다른 오류가 발생하여 서버실행이 안됩니다. 지우니까 다시 실행은 되는데.. 어떻게 해결해야 하나요? +) 처음 구현때 안되어서 주석처리하고 그대로 진행하다, 리팩토링때 다시 해봤는데, 리팩토링 코드로는 할일완료 기능이 정상 작동합니다. 무슨 차이가 있을까요?
미해결
Vue.js + TypeScript 완벽 가이드
안녕하세요. 캡틴판교님이 vue-news를 포함하여 대부분 Vue2로 강의를 하셔서 저는 Vue3로 리팩토링 해봤습니다. 최근 Vue3로 작업(Composition API 쓰는 맛이 😇 )을 많이 하시는 것 같고, 이미 저는 Tistory 블로그를 Vue3로 커스텀하여 운영하고 있기도 하고, 이번에 Typescript 강좌를 다 보면서 힘들어도 굳이 Vue3로 작업해보고 싶었거든요. 혹시나 저처럼 해보고 싶은 분들이 계실 것 같아 작업한 내용이 아래 링크에 있으니 참조하시면 편하실 것 같습니다. 🫡 이전에 작업했던 vue-news는 제가 따로 GitHub에 올려놨기 때문에 그 소스를 기반으로 작업하였습니다. 아래와 같이 꽤 변경한 부분이 있으나 어느 정도 숙달된 분들은 가이드 문서 보시고 따라오시면 금방하실 거라 생각되며, 참고로 저는 Composition API로 작성하는 게 맘에 들어서 이를 적극적으로 적용하였습니다. Use Vue3, Setup Composition API, Typescript Vue-CLI -> Vite Vuex -> Pinia Add scroll event to /news URL CSS & Header https://github.com/haguri-peng/vue-news-typescript
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
위의 화면캡처와 같이 알려주신대로 코딩하였으나 아래 화면캡처와 같이 브라우저에서 정상적으로 표시되지 않습니다.
해결됨
Vue 3 중급 - Composition API
색션1 만들면서 배우는 Composition API 내용에서 [할일 추가,조회 기능 리팩토링] 강의 에서 App.vue 에 코드가 갑자기 많이 바뀌게 되어서 나오는데 (예) fetchTodos 함수가 추가가 되었고, TodoList에 todoItems가 추가가 되었음 해당 내용은 설명하는 부분도 없는데 코드를 어디서 확인을 할 수 있나요?? TodoList.vue 도 변경된게 있는지 알고 싶습니다
미해결
Vue.js 시작하기 - Age of Vue.js
props의 이름을 정할 때 카멜식으로 했더니 인식이 안되네요.. 대소문자 섞이면 안되나요?
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
UI 화면 만들기 편을 보면서 궁금한 점이 생겼습니다. 다름이 아니오라.. 궁금한 점: route 로 구현 (setting)하면서 화면을 만들고 이동을 하고 있는데요... (당근?) 그러면 ... 보여줄 화면이 많을때... 아주 많을때는 ... 어떻게 처리를 하는지 ( 소스 관리)지요...... 파일로 처리를 하나? ? (제 생각에는 ..다른 방법이...궁금) URL에 따라 뿜빠이(^^)를 하는지.. 열강중에 궁금한 점이 .... ??? 화면(본수)이 정말 많을때 ..어떻게 처리를 하는지.... index.js import ... 화면1.vue; import ... 화면2vue; import ... 화면3.vue; import ... 화면4.vue; import ... 화면5.vue; import ... 화면6.vue; , , import ... 화면N.vue; 화면(100개 (이상? ㅋㅋㅋ) ... 이럴때 말이줘... 화면 100개: 화면당 ***.vue 파일 100개?... (이건 아닌듯..) (암튼..화면 겁내 많음..... ) URL_listView.vue 같이 URL 정보를 다른 파일을 따로 만들어 처리를 해야 하는지? (아무래도 ...이방법이...흐음...) ... 짱~ 코딩님... 질문 마치겠습니다.
미해결
Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
인텔리제이에서 작업해야하는 환경이라 최대한 환경설정을 맞추면서 하고 있습니다 router들은 잘 반영이 되어있고 화면에서도 Default Layout 은 적용되어 있는 상태인데, route 태그를 통해 meta 및 layout을 변경하려고 할 때 적용이 되지 않습니다. 혹시 이유를 알 수 있을까요?
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
validator 경고가 떠서 어떤 부분에서 경고가 뜨는지 알 수가 없어서 질문드립니다!
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
안녕하세요 slots 강의를 듣던중 const hasFooter = computed(() => !!slots.footer) 를 사용해서 slots.footer 가 없으면 false를 반환한다고 하는데 !! 를 정확하게 뭐라고 부르면 될까요? 삼항연산자의 축약버전일까요..? 잘듣고있습니다 감사합니다.
미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
vue-til-server 때문에 node 버전 10 버전대로 하면 vue cli 가 설치가안됩니다. 그래서 노드 버전을 올려서 vue cli 설치하고 나면 맨위 서버가 스타트가 안됩니다. 이 문제를 도대체 어떻게 해야하나요. 진도를 못나가서 답답하네요.
