173만명의 커뮤니티!! 함께 토론해봐요.
미해결
Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
아무것도 건드리지 않고 바로 npm run serve 하면 캡처본과 같은 에러가 뜹니다. 혹시 몰라 vue-default에서 하이픈을 빼도 같은 에러가 뜹니다.
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디:@sghkq33336686 인프런 이메일: sghkq3333@naver.com 깃헙 아이디: yujeongkimm 깃헙 username: yujeongkimm
미해결
핵심만 골라 배우는 Vue.js
안녕하세요 제공하시는 소스 내용을 보면 아래 와 같이 폴더 이름이 한글로 되어 있는데 바로 OPEN Files 로 해서 사용해도 되나요? 한글은 지양하는 것으로 알고 잇어서요 파일 rename이나 ... 혹은 대소문자 .. 변경해서 사용을 해야 할까요? 아님 제공 되는 소스를 이용해서 사용해도 되나요? 폴더 path를 어떻게 정의해서 실습을 해야 할까요? (물론 제 맘이지만요... ^^) 슈님은 맥을 사용하셔서 그런지... .. ㅎㅎㅎ 흐음... 어떻게 이쁘게(?) 폴더를 만들어서 연습을 해야 할까요 ^^;; 한글 ... 폴더:
미해결
핵심만 골라 배우는 Vue.js
경로는 맞는데 참 이사하네요 프로젝트 생성시 필요없는 옵션을 선택해서 그런걸까요? 저 경로가 뭐라고.... 알수 가 없다네요 ..ㅡㅡ;; 참말로...
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
안녕하세요, Vue 공부를 위해 수강 신청을 한 사람입니다. 교안을 보고 싶어서 언급한 링크를 갔는데, 어디에도 교안을 다운로드 할 수 있거나 볼 수 있는 곳이 없어서 질문 남깁니다. 이전 글에 푸터에 있을 거라는 답변을 남기신 걸로 봤는데, 현재 푸터에서도 안 보여서 그렇습니다.
미해결
핵심만 골라 배우는 Vue.js
제목과 같이 VOLAR 에 관련 내용이 없습니다. 이유가 뭔지요?
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
defineModel 가 내부적으로 computed getter/setter 패턴과 동일하게 작동되는 걸로 아는데 vue 3.4 이상 버전으로 강의 업뎃은 안해주시나요... 최신버전 문법으로 정말 다 간단하게 처리 가능한건데ㅠㅠ
미해결
핵심만 골라 배우는 Vue.js
제목과 같이 획장프로그램 Matrial Theme가 DepreCated가 되었는데 설치 skip을 해도 되는지 아니면 대체? 버전업? 된 확장프로그램을 설치 해야 하는지요? 대신 할 수 있는 확장프로그램이 있을까요?
미해결
카카오,구글 SNS 로그인(springboot3, vue3)
카카오 데브톡 응답에 따르면 프론트/백엔드 분할 책임 방식이 지양한다고 합니다. 오히려 백에서 로그인 구현을 일임하는 것을 권장합니다. https://devtalk.kakao.com/t/oauth/136448 해당 블로그에서도 책임을 프론트와 백엔드가 나누어 가지는 방식 이 잘못되었다고 합니다. https://cafe.naver.com/xxxjjhhh/296 카카오 로그인 REST API에서도 백에서 인가 코드를 받습니다. https://developers.kakao.com/docs/ko/kakaologin/rest-api#before-you-begin-process 어떤 방식이 맞는지 헷갈립니다.
미해결
최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리
강의 들으면서 따라가다 보니 영상에는 vue가 들어가 있는데요. content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'], 이부분에 vue가 들어가야 tailwind css가 적용되는것 같습니다. 참고하세요.
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
1.PostDetailView에서 url을 computed를 사용해서 반응형으로 변경한뒤 useAxios(url)로 넘긴다. (이해) 2.useAxios의 파라미터로 넘어갈때 url이 반응형으로 넘어가니, axios호출시 url은 unref(url)로 일반값으로 세팅(이해) 3.if조건에 isRef(url)을 걸어서 반응형일 때만 watchEffect(execute)실행한다. 여기서 질문!!! 이 if문안에 console.log를 찍어보니 최초에 한번 아이콘 클릭시에만 찍히고, 목록에서 아이콘 눌러도 안찍히는데요. 그럼 watchEffect가 실행이 안됐는데 왜 다른 목록 아이콘 클릭시엔 데이터가 나오는지 이해가 안갑니다. 그렇다고 else에 걸린 execute가 실행되는것도 아닌데요. 제가 놓치고 있는 부분이 있을까요? 혹시watchEffect에서 최초 한번 실행하게 되면 Vue자체에서 알아서 execute를 실행해서??인가.. 헷갈리네요.
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
현재는 vite.config.js, components.d.ts 설정을 따로 하지 않아도 어느정도 자동으로 되는거 같긴한데요. components.d.ts에 등록을 안해도 잘 동작하네요. main.js에서만 globalComponents만 잘 임포트 해주면 컴포넌트도 전부 정상적으로 인식이 되네요.(영상처럼 빨간색이 아닌 초록색) 질문 1.unplugin-vue-components 이거를 현재 시점에서 사용할 필요가 있는지 궁금합니다. 현 시점 실무에서 많이 쓸까요? 차라리 갠적인 생각으론 eslint만 잘 걸어놓고, 컴포넌트 내 import가 필요한걸 그 시점에 직접 넣는게 안전할거 같긴한데요. 2. 확장자가 .ts인데 혹시 typeScript를 사용할땐 components.d.ts가 필요한 설정인가요? 요렇게 설정하니깐 파일내 인터페이스가 자동으로 생성은 되네요. Vue3도 가만히 보면 은근 방대한 양이네요. 강의 완주까지 얼마 안남은거 같네요. 좋은 강의 감사합니다.
해결됨
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
제가 이해하고 있는게 맞는지 궁금합니다. PostListView.vue 일단 PostMadal에 걸려있는 v-model="show"는 양방향 모달 버튼 클릭시 show.value = true로 세팅되고, props로 modelValue로 자식인 PostModal로 넘어감. PostModal에서 위처럼 되어있는데요. 1.get()은 부모에서 전달된 show값 가져오기 2.set(value)는 자식에서 값 변경요청시 이벤트를 부모로 올려주고, 부모에서 값변경 3.부모에서 값 변경이 되었으니, 다시 자식의 get()이 실행되어 변경된 값 표출 여기까지 개념이해 된거 맞져? --- PostModal과 AppModal의 관계 => PostModal => AppModal 부모인 PostModal에서 v-model="show" 자식인 AppModal에서 props의 modelValue 값 가져옴. 만약 이전에 modal 클릭을 해서 true가 넘어와있다고 가정한 상태라면, 모달내 close버튼 클릭시 emit으로 PostModal쪽에 이벤트 올리고 false세팅 요청! 자식에서 show라는 값을 바꾸려는 시도 때문에 PostModal내 set(value)쪽이 실행되고,emit으로 다시 상위 부모인 PostListView의 값 false세팅 요청. PostModal의 get()실행되어 props.modelValue값 가져옴. 따라서 AppModal의 modelValue값은 false로 내려옴. 따라서 모달 안보임(v-if="modelValue"로 인해) 짐코딩님 제가 이해하고 있는게 맞을까여? 생각보다 뎁스가 2개만 되도 엄청 헷갈리네요. ㄷㄷ
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
현재 공통컴포넌트 분리 강의 들으면서 느끼는게 많네요. 기본편을 다 들었음에도 순간순간 헷갈리는데 정리해놨던 것들 계속 보면서 보다보니 조금씩 익숙해지는거 같습니다. 먼가 머릿속에 순간 한번에 아직은 안그려지는게 있네요. 오히려 평소엔 기본편 정리해둔 내용을 계속 보는게 차라리 도움이 될 것 같습니다. *Props, Emit Props : 부모에서 자식으로 값 넘겨줄때 Props정의는 자식에서 객체로 type, required Emit: 자식에서 부모로 이벤트 넘겨줄때 (자식에서 바로 수정안하고, 부모에 이벤트 넘겨서 수정) Emits정의는 배열로 이벤트 이름 선언 *Slot 부모에서 넘겨주는 태그를 자식쪽에 넣을때 디폴트 slot사용하거나, Named Slot사용하거나 자식 slot에서 부모로 바인딩된 값을 넘겨주면 부모에선 v-slot="slotProps"로 받거나, 아예 구조분해할당해서 받아서 부모에서 사용 짐코딩님이 강의 준비를 위해 얼마나 공부하셨을지 감히 상상이 안되네요. 암튼 잘듣고 있습니다. 메일로 클로드 알려주셔서 일단 결제해놨습니다. 추후 들을 예정입니다. ㅎㅎ
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"
페이징, 필터 강의 듣고 질문드립니다. json-server의 db.json을 활용하여 구현하시는건 강의 잘 들었습니다. 다만, 실제 백엔드 api를 호출하여 목록조회결과 json값을 받은 뒤 처리하는건 똑같죠? 전체카운트도 백엔드API통해서 가져오는게 보통이져? 강의 들으면서 백엔드의 DB가 사용되었을땐 어떻게 될까를 계속 생각하게 되는데요. params 객체에 그냥 조회조건(where조건, order by 등)들이 들어가서 백엔드에서 DB 쿼리 조회조건으로만 들어가면 끝이겠죠? 목록이 대량이고, 서버페이징을 사용한다면? 순간 헷갈리는건 DB를 계속 호출해서 화면을 가져오느냐? (대량건?) 화면에 뿌려져 있는것만 사용하는냐?(소량건?) 먼가 한번에 감이 안오네요.
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
npm init vue@3.1.9 설치 후 npm install을 했더니 deprecated된게 많아서 vite관련 버전만 좀 올려서 강의 들어도 될까요?
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
맨 위에 있는게 작년에 설치했던 vue devtools인데요. v5버전을 설치해도 상관없나여? 아님 그대로 쓰면 되나여?
해결됨
카카오,구글 SNS 로그인(springboot3, vue3)
안녕하세요 강사님, 다름이 아니라 강의 들으면서 카카오 oauth 설정 및 테스트 중인데 카카오 REST API 키에도 클라이언트 시크릿이 생긴 것 같습니다. 구글처럼 yaml에 kakao.client.secret 키 넣어주고 요청 바디에 같이 보내니까 그제서야 액세스 토큰 및 프로필 정보 응답이 왔습니다. 강의 촬영 당시와 현재의 카카오 developers UI 및 메뉴 구성이 많이 바뀌어서 제가 모종의 설정을 놓친건지, 아니면 새롭게 카카오 클라이언트 시크릿이 추가되어서 이제는 구글처럼 시크릿 키를 요청 바디에 넣고 보내는 게 맞는 방법이 된 건지 말씀 여쭤보고자 질문 드립니다. 양질의 강의 항상 감사드립니다.
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
11. Options API vs Composition API 강좌중에 snippets 사용하는 부분이 있고, 강사님이 이전 수업에서 설명하셨다고 하신거 같은데요. snippets 작성에 대해서 설명하는 부분을 못본거 같은데 설명하는 부분이 있었나요?
미해결
Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"
안녕하세요? 이번에 16강 Computed 강좌를 듣다가 궁금한 게 있어서 질문을 남깁니다. const fullName = computed({ get... set... }); 이렇게 할당을 하는데 const는 상수로 알고 있는데 저렇게 선언하고 fullName에 다른 값을 할당하는게 가능한가요? fullName = '새로운 값' 이렇게 하면 스크립트 에러가 나는데 fullName.value를 붙여서 할당해서 괜찮은 것 같긴 한데...좀 헤깔리네요...
