수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
google login 를 따라하다가 오류 발생
로그인버튼이 생성이 되서 로그인 창은 뜨는데 로그인 값을 가져오지 못합니다. 또한 콘솔에 이런 에러가 뜹니다.error: "idpiframe_initialization_failed"
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
Expected indentation of 2 spaces but found 4 오류
들여쓰기 오류가 납니다 뭐가 문제인지 모르겠습니다. 하라는대로 다해봤는데 변함이 없어요ㅠㅠ
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
카카오 로그인 에러가 뜨세요
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관요련 문의는 1:1 문의하기를 이용해주세요. [eslint] /home/kt/study/vue/project/src/views/14_login/KakaoLogin.vue 38:17 error Identifier 'kakao_account' is not in camel case camelcase 45:11 error Expected space or tab after '//' in comment spaced-comment 똑같이 작성했는데 위와같은 에러가 뜨네요... 아래는 코드입니다. <template> <div> <a id="custom-login-btn" @click="kakaoLogin()"> <!-- <img src="" /> --> </a> </div> </template> <script> export default { components: {}, data() { return { sampleData: '' } }, setup() {}, created() {}, mounted() {}, numounted() {}, methods: { kakaoLogin() { window.Kakao.Auth.login({ scope: 'profile, account_email', success: this.getKakaoAccount }) }, getKakaoAccount() { window.Kakao.API.request({ url: '/v2/user/me', success: (res) => { const kakao_account = res.kakao_account const nickname = kakao_account.profile.nickname const email = kakao_account.email console.log('nickname', nickname) console.log('email', email) //로그인 처리 구형 console.log(kakao_account) } }) } } } </script> <style scoped></style>
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
Multi-word질문드립니다.
다름이 아니라 Component Name을 PageTitle 이렇게 카멜케이스로 두단어를 사용하여 생성하였습니다. 스테이크로해도 똑같이 Multi-word에러가 발생하는데요 Mulit-word의 기준이 무엇인가요?
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
설치 이후 npm run serve 화면 안나옴
제작 후 npm run serve 하면 아래와 같은 경고문구가 계속 뜨는데 왜 이러는 걸까요??
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
vue cli 문제
npm install -g @vue/cli를 붙이면 아래처럼 많은 것이 뜨는데 왜 이럴까요ㅜㅜ??
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
요청드립니다.
MAC의 설정으로 설명해주셔서 하단에는 WIndows의 경우에 설정 및 세팅방법 혹은 단축기를 따로 적어주시면 좋을것 같네요.
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
eslint 에러발생
Contact를 추가하였는데 왜 아래와 같은 에러가 발생하는 걸까요...? DIV태그로 한번 더 감싸주기 및 config.jjs의 transpileDependencies: 의값을 false로도 설정해봤습니다... 원인을 잘 모르겠습니다. ERROR Failed to compile with 1 error 오후 11:37:55 [eslint] C:\Users\lg\Desktop\learn-vue-js-master\vue-default\src\views\Contact.vue 1:1 error Component name "Contact" should always be multi-word vue/multi-word-component-names ✖ 1 problem (1 error, 0 warnings) You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all warnings in a file.ERROR in [eslint] C:\Users\lg\Desktop\learn-vue-js-master\vue-default\src\views\Contact.vue 1:1 error Component name "Contact" should always be multi-word vue/multi-word-component-names ✖ 1 problem (1 error, 0 warnings) webpack compiled with 1 error
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
main.js 질문드립니다.
강사님의 main.js 파일내용과는 달리 저는 ----------------------------------------------- import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false new Vue({ render: h => h(App), }).$mount('#app') ----------------------------------------------- 이렇게 설정되어있는데 무엇이 다른건가요?
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
vuex-persistedstate 는 동작 자체를 안하네요?
패키지 설치 자체도 dev 디펜던시 충돌로 안되고 대체할만한 라이브러리가 동작하지도 않고.. 이부분은 업데이트가 필요한 것 같습니다.
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
15강.조회화면 저장실습 - params안됨
5:28분에 있는 const params가 먹질 않습니다. 처음부터 다시들어보며 몇번을 반목해도 이렇게 나오는데 뭐가 문제일까요??ㅜㅜ
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
array 넘겨주기
array를 부모컴포넌트에서 자식컴포넌트로 넘겨주려고 강의내용과 똑같이 적었는데 Parsing error: Unexpected token 라는 에러가 뜨고 this.commentIds로 적으니까 잘 나오는데 vue가 업데이트 되면서 바뀐건가요?
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
유튜브 4시간 강의와는 어떤 차이가 있을까요?
안녕하세요. 며칠 전 강의 구매해서 듣고 있는 학생입니다. 유튜브 댓글로 여쭤보려고 했는데 알 수 없는 이유로 계속 등록이 안되네요 ^^...;; 4시간 짜리 영상을 다 보진 못해서 어떤 부분이 차이가 날 지가 궁금한데요, 해당 유료 강의에 유튜브 영상에서 다루는 모든 기술이 다 들어가있다고 생각하고 공부를 계속 하면 될까요? 아니면 한 달 전에 올리신 영상이신만큼 무언가 추가된 게 있을까요?
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
prefetch기능
최근 vue cli가 업데이트 되면서 vue prefetch기능을 활성화하기 위해서는 component: () => import(/* webpackChunkName: "about"*/ /*webpackPrefetch: true*/ '../views/AboutView.vue') 위와 같이 index.js의 컴포넌트 코드에 webpackPrefetch: true코드를 추가해야 하는것으로 알게되어 코드에 추가하였고, 정상 작동되었습니다. 그런데, 강의상에 나와있는 것처럼 위의 index.js코드를 그대로 둔 채로 vue.config.js에 module.exports={ chainWebpack: config=>{ config.plugins.delete('prefetch'); //prefetch 삭제 } }; 를 추가하고 서버를 재기동 했을 때 prefetch옵션이 제거되지 않고 그대로 작동합니다. 혹시 이것도 업데이트 되면서 바뀐 부분인가요?
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
테이블 list 랜더링 되지 않습니다.
영상대로 작성하였는데 화면에 랜더링 되지 않습니다. 특별히 오류 메세지도 뜨지 않고있는데 문제가 무엇일까요? 서버도 재가동 해봤는데 되지않습니다.
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
펑션을 한 depth 더 들어가면 $호출이 안되는 이유가 뭘까요?
안녕하세요. 강사님 <AUIGrid ref="fileGrid" class="grid-wrap" style="height:35vh"></AUIGrid>선언 후 삭제시 함수를 호출하도록 해두었습니다. async goDeleteFile(event) { console.log('삭제@!!!!', event.item) this.$message.success(`파일삭제 완료`); // 호출가능 this.$confirm({ title: '첨부를 삭제하시겠습니까?', // content: 'Bla bla ...', okText: '확인', cancelText: '취소', onOk() { // 이곳만 들어가면 $또는 $refs 접근이 불가능해짐 deleteFile({file_seq: event.item.file_seq}).then( (res) => { console.log('res====', res) if (res.code == 200) { console.log('삭제후 들어왔습니다.!@!@!@@!@!@!@!') this.$refs.fileGrid.clearGridData() //호출 불가 this.$message.success(`파일삭제 완료`); //호출 불가 } else { this.$message.error(res.message); } //return res.data; }, error => { console.log('error ==== ', error) } ) } })}같은 내장 라이브러리 인 this.$message.success() 인데 goDeleteFile 함수안에서 바로 호출하면호출이 되고 onOk() 펑션 안에서는 접근이 아예 안되는 이유 모르겠네요.혹시 제가 vue의 사상을 이해하지 못하고 쓰는 것 같아 질문을 남겨봅니다.
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
name 값이 없는 경우 오류
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 영상 6분에 진행하는 title 데이터 바인딩 부분에서 name 값을 지정하지 않으면 Component name "" should always be multi-word vue/multi-word-component-names 이런 오류문구가 뜨는데 name이 항상 입력되게 바뀐걸까요?
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
vue config 파일 문의
영상 11분쯤에 vue.config.js 파일을 생성하라고 하셨는데 이미 해당 파일이 존재 합니다. 처음 셋팅시 다른 부분이 있을까요?
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
실무 레벨에서 공통코드(기준정보)는 어떻게 구현 할까요?
실무 레벨에서 기준정보(예:사용여부, 진행상태)등의 코드를 사용하려면 보통 어떻게들 하시는지 질문을 드립니다. 그냥 언듯 생각하기에는 store 에 다 넣고 쓰던지 or mixin 을 만들고 해당 mixin에서 axios 콜을 통해 기준정보를 가져오던지 .. 같은데 혹시 실무레벨에서는 평균적으로 어떻게 사용하고 어떤 시점에 호출 되는지 궁금합니다.
- 미해결Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
강의자료가 따로 있나요?
강의 보면서 같이 볼 수 있는 자료 있나요?