안녕하세요! 프로젝트 구성 교안이 동영상에 나오는 내용과 실제 교안 내용이 다릅니다.. 업데이트가 안 된 것일까요?Bootstrap 설치도 동영상에서는 아이콘 한꺼번에 설치 명령어로 나오는데 실제는 따로따로 입니다 제가 본 교안 : https://gymcoding.notion.site/Bootstrap5-a1ec7644ec5f43c2a3fcb8ef848708a0  어느 교안을 봐야 하는지 확인 부탁 드립니다.

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 현재 vue3 강의 열심히 듣고 있는데요, 가끔 vscode에서 vue 파일을 생성하고 나면 해당 파일을 인식하지 못해서 자동완성 같은 것이 안될 때가 있습니다. 이럴 때 vscode를 껐다가 키면 다시 인식하기는 하는데 원인을 찾아봐도 알 수가 없네요.. 이는 짐코딩님이 알려주신 환경이 아닌 vscode로 vue를 사용할 때 전반적으로 나타나는 현상 같은데요, 혹시 이런 현상이 발생하지않으시나요? 혹시 발생하신다면 극복 방법이나 팁 같은 것 있으신가요? 안될 때마다 vscode를 껐다 키는 것이 너무 불편하네요..

깃허브 권한이 별도 없다고해주셨는데, 아래와같이 vue-todo 접근이 불가해서 확인부탁드리려합니다.

안녕하세요. 짐코딩 님, 매번 신기술이 나오는데 예를 들어 현 강의 주제인 vue가 처음 나왔을 때 학습하신 방법이 궁금합니다. 어떤 경로를 통해 처음 학습 하시는 건지 궁금합니다. 공식 문서나 관련 도서를 통해 공부하시는지 아님 다른 경로를 통한 것인지 궁금합니다.

component events에서 refresh log가 보이지 않습니다.component의 event listners에서 refresh: not declared인 것이 문제일까요?코드도 함께 첨부합니다. 

const numberOfPages = computed(() => {return Math.ceil(Number(numberOfTodos.value)/limit)}); 이 부분에서 NaN 에러가 납니다.혹시나해서 강사님 깃허브 소스 들고와서 복붙해도 똑같이 그러네요.페이징 마지막 34번 깃허브 소스도 붙여넣기 해보니 아예 리스트가 안 나오는 현상이 발생합니다.(데이터는 잘 불러옵니다.)뭐 때문에 그러는걸까요? 소스 확인 부탁드립니다!

todos 에 내용이 없을 때 화면에 []이 표시됐었는데, 마지막에 내용을 지워도 화면에 []이 표시되지 않네요?? 어떤 로직때문에 화면에 todos가 없어도 []가 표시되지 않는걸까요?

(사진)

target[prop] = newValue; 를 하지 않고 render(newValue)를 해도 값이 바껴서 출력되는걸 확인할 수 있는데, target[prop]에 newValue 값을 넣어주는 이유가 있을까요?

회원가입과 비밀번호 암호화 - 1에 5분 10초 정도 쯤에 dto를 서비스 계층으로 바로 넘기는 것이 안 좋다고 호돌님께서 말씀하셨습니다. 그래서 궁금증을 해결해 보고자 검색을 해봤습니다. 근데 dto를 컨트롤러 계층에서 엔티티로 변환하고 서비스 계층으로 넘겨야한다는 의견도 있고 컨트롤러에서 변환하고 넘기는 것보다 서비스 계층에서 dto를 변환해야 한다는 의견이 있는데 호돌님께서 말씀하신 것이 제가 고민하고 있는 것이 맞는지 알고 싶고 호돌님께서는 왜 dto를 서비스 단에 바로 넘기는 것이 안 좋다고 했는지 궁금합니다.!! 의견이 너무 갈려서 뭐가 맞는 방법인지 헷갈리네요

다른분이 문의하신것 처럼 파일 구조가 다르게 생성되어서 수업 중간부터 default.vue도 없고 앞으로 수업을 따라가기가 걱정되네요. 아무래도 초보인데 폴더구조부터 달라버리면 막히거든요….이런 혼동이 생기지 않도록 강의 초반에 안내를 해주셨으면 좋겠습니다. 그리고 추가 강의도 올려주신다고 댓글 달아주신거 같은데 어디서 확인할수있는지 안내 부탁드려요 ㅜㅜ

컴포넌트에 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-news를 포함하여 대부분 Vue2로 강의를 하셔서 저는 Vue3로 리팩토링 해봤습니다. 최근 Vue3로 작업(Composition API 쓰는 맛이 😇)을 많이 하시는 것 같고, 이미 저는 Tistory 블로그를 Vue3로 커스텀하여 운영하고 있기도 하고, 이번에 Typescript 강좌를 다 보면서 힘들어도 굳이 Vue3로 작업해보고 싶었거든요. 혹시나 저처럼 해보고 싶은 분들이 계실 것 같아 작업한 내용이 아래 링크에 있으니 참조하시면 편하실 것 같습니다. 🫡이전에 작업했던 vue-news는 제가 따로 GitHub에 올려놨기 때문에 그 소스를 기반으로 작업하였습니다. 아래와 같이 꽤 변경한 부분이 있으나 어느 정도 숙달된 분들은 가이드 문서 보시고 따라오시면 금방하실 거라 생각되며, 참고로 저는 Composition API로 작성하는 게 맘에 들어서 이를 적극적으로 적용하였습니다.Use Vue3, Setup Composition API, TypescriptVue-CLI -> ViteVuex -> PiniaAdd scroll event to /news URLCSS & Header https://github.com/haguri-peng/vue-news-typescript

위의 화면캡처와 같이 알려주신대로 코딩하였으나 아래 화면캡처와 같이 브라우저에서 정상적으로 표시되지 않습니다. 

색션1만들면서 배우는 Composition API 내용에서[할일 추가,조회 기능 리팩토링] 강의 에서 App.vue 에 코드가 갑자기 많이 바뀌게 되어서 나오는데(예) fetchTodos 함수가 추가가 되었고, TodoList에 todoItems가 추가가 되었음해당 내용은 설명하는 부분도 없는데 코드를 어디서 확인을 할 수 있나요??TodoList.vue 도 변경된게 있는지 알고 싶습니다

props의 이름을 정할 때 카멜식으로 했더니 인식이 안되네요.. 대소문자 섞이면 안되나요?

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 정보를 다른 파일을 따로 만들어 처리를 해야 하는지?(아무래도 ...이방법이...흐음...)...짱~ 코딩님... 질문 마치겠습니다.    

인텔리제이에서 작업해야하는 환경이라 최대한 환경설정을 맞추면서 하고 있습니다 router들은 잘 반영이 되어있고 화면에서도 Default Layout 은 적용되어 있는 상태인데, route 태그를 통해 meta 및 layout을 변경하려고 할 때 적용이 되지 않습니다.혹시 이유를 알 수 있을까요?    

validator 경고가 떠서 어떤 부분에서 경고가 뜨는지 알 수가 없어서 질문드립니다! 

안녕하세요 slots 강의를 듣던중 const hasFooter = computed(() => !!slots.footer)를 사용해서 slots.footer 가 없으면 false를 반환한다고 하는데 !! 를 정확하게 뭐라고 부르면 될까요? 삼항연산자의 축약버전일까요..? 잘듣고있습니다 감사합니다.