173만명의 커뮤니티!! 함께 토론해봐요.
미해결
Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)
아무것도 건드리지 않고 바로 npm run serve 하면 캡처본과 같은 에러가 뜹니다. 혹시 몰라 vue-default에서 하이픈을 빼도 같은 에러가 뜹니다.
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디:@sghkq33336686 인프런 이메일: sghkq3333@naver.com 깃헙 아이디: yujeongkimm 깃헙 username: yujeongkimm
미해결
웹 게임을 만들며 배우는 Vue
현재 방식에서는 볼의 색상을 표현할떄 computed:{ backGround(){ let background; if(this.number <=10){ background ='red'; } else if(this.number <=20){ background='orange'; } else if(this.number<=30){ background='yellow'; } else if(this.number <=40){ background ='blue'; } else{ background='green'; } return {background,}; } }, 이런식으로 computed에 넣으신뒤 바뀌는구조로 갔는데 mounted(){ if(this.number <=10){ this.color ='red'; } else if(this.number <=20){ this.color='orange'; } else if(this.number<=30){ this.color='yellow'; } else if(this.number <=40){ this.color ='blue'; } else{ this.color='green'; } }, 이런식으로 mounter()로해서 하게되는것과의 차이가 (현재 컴포넌트에서는 동일하게동작) 실제 자식컴포넌트가 삭제가 안되고 재사용을 하게되는경우엔 computed로 사용하게된다면 실시간으로 반응성이되지만 mouted로 하게되면 자식컴포넌트가 삭제가된것이 아니기때문에 반응을 안하기때문에 computed로 사용한것이다 2. 캐싱 때문도 있고 라고 이해해도 될까ㅓ요?
미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
안녕하세요. 윈도우 환경에서 강의를 듣고 있습니다. 윈도우에서 nvm을 사용할 경우 nvm-setup.exe(최신 1.2.2v)를 사용해야 한다기에 다운로드를 받고 node 10버전을 설치하려고 하니 다음과 같은 오류가 발생합니다.. node 10을 직접 다운로드 하는 방법 밖에는 없을까요..??
미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
제가 vue.js 끝장내기 - 실무에 필요한 모든 것과 vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념 두 강의를 오래 전에 구매했습니다. 개인 사정으로 이전에는 학습을 못하다가 당장 두 세달 내 프로젝트에 투입이 되어야 하는 상황에 직면하여 지금 필요에 의해 학습을 시작 하려고 합니다. 헌데 구매한 시점이 오래되다보니 이 강의들이 vue3를 사용해야 하는 지금 환경에서 당장 투입이 될 수 있는 도움이 되는지 아니면 버전의 차이로 많은 부분이 달라 새로 업데이트된 강의를 구입하는게 더 적절한지 알고 싶습니다.
미해결
웹 게임을 만들며 배우는 Vue
npm run build 실행시 위와 같은 메시지만 뜨고 하단의 app.js 화면같이 뜹니다. 다른분의 응답처럼 이거 경로도 바꿔봤고요. 실행하면 개발자 도구에서 요렇게 되는데요? html 출력과 app.js가 강사님과 다른이유 문의드립니다. 그리고 다른분응답에 github에서 소스 비교해보라고 남기신 글도 있던데 주소도 궁금합니다. 감사합니다.
해결됨
Vue.js 끝장내기 - 실무에 필요한 모든 것
vue CLI 대신 vite를 사용해도 강의 내용을 잘따라갈수있을까요? 회사 프로젝트를 리팩토링을 하려고합니다. eslint나 프리티어를 포함한 세팅부분에서 도움을 얻고자 강의를 구매하였는데 vite를 사용해도 강의 실습을 잘따라갈수있는지 문의드립니다.
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Vue 3 시작하기 강의에서 알려주신 legacy 버전 설치해도 개발자 모드에서 vue 탭이 안보이고 아래와 같은 에러가 발생합니다.
미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
질문삭제
미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
강사님 코드로 진행할 경우 console.log( config); 도 안찍혔어요. instance 를 생성해서 공통으로 사용하셨는데 loginUser 에만 커스텀한 instance를 넣으니 콘솔에 컨피그 객체가 찍혀요 function loginUser(userData) { const instance = createInstance(); return instance.post('login', userData); } export { loginUser }; console.log('Request Interceptor:', config); <- 해당 부분이 안찍히다 로그인 함수에만 커스텀 인스턴스를 사용하니 찍히네요 영상이 대체로 ㅇ조금 그대로하면 안되는 경우들이 있는 것같습니다. 부분적인 업데이트는 필요한 것 같습니다 import store from '@/store/index'; // Vuex 스토어 가져오기 export function setInterCeptors(instance) { // Add a request interceptor 요청 인터셉터 instance.interceptors.request.use( function(config) { // 요청 전 실행되는 부분 // console.log('Request Interceptor:', config); config.headers.Authorization = store.state.token; // 토큰을 헤더에 추가 console.log('Request Interceptor:', config); return config; }, function(error) { return Promise.reject(error); }, ); // Add a response interceptor instance.interceptors.response.use( function(response) { // 응답 후 처리 return response; }, function(error) { return Promise.reject(error); }, ); return instance; }
미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
계속 에러만 발생하면 아에 서버가 꺼지더라구요 if (!user) { res.status(401).send('Authentication failed. User not found.'); } 위에 해당코드에 return 해주니 되더라구요 이미 401에러인데 리턴 끝내지않아서 아래도 실행이 되는게 문제였습니다. if (!user) { return res.status(401).send('Authentication failed. User not found.'); }
미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
2.x <-- Vue 2로 하시는게 중요합니다. 아직 Vue 3는 상용 서비스에 적용하기에는 무리가 있습니다. 프로젝트 진행시에는 그렇게 진행할 것인데, 혹 여전히 상용서비스에 적용하기에 무리가 있는지 궁금합니다!
미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
따라하다가 자꾸 안돼서 보니까 bash에 연결할떄 안되더라구요 제 맥북에는 zsh? 여기에다가 해야 되더라구요 이렇게 nvm 써도 문제없는건지 궁금하고 왜 이렇게 다른걸로 하게 되는지 궁금해요! 라고 물어보려다가 검색을 해보았습니다. macOS Catalina부터 기본 쉘이 bash에서 zsh로 변경되었다네요 zsh에 설치하는게 맞는거였어요. 맥OS 여러분 참고하세요~~
미해결
Vue로 Nodebird SNS 만들기
2강에서 서버 실행시 에러가 발생합니다. 무료 게임 강좌에서는 정상적으로 실행되었습니다. node : 10.15.3 nuxt: 2.8.1 vue: 2.6.10 vue-server-renderer: 2.6.10 [로그 정보] PS C:\vue-nodebird\ch1\front> npm run dev > vue-nodebird-front@1.0.0 dev C:\vue-nodebird\ch1\front > nuxt WARN Address localhost:3000 is already in use. 11:49:13 i Trying a random port... 11:49:13 ╭─────────────────────────────────────────────╮ │ │ │ Nuxt.js v2.8.1 │ │ Running in development mode (universal) │ │ │ │ Listening on: http://localhost:58015/ │ │ │ ╰─────────────────────────────────────────────╯ i Preparing project for development 11:49:14 i Initial build may take a while 11:49:14 √ Builder initialized 11:49:14 √ Nuxt files generated 11:49:14 ERROR Unexpected token . 11:49:14 const r=Object.create(null),i=e=>globalThis.process?.env||undefined||globalThis.Deno?.env.toObject()||globalThis.__env__||(e?r:globalThis),s$1=new Proxy(r,{get(e,o){return i()[o]??r[o]},has(e,o){const E=i();return o in E||o in r},set(e,o,E){const b=i(true);return b[o]=E,true},deleteProperty(e,o){if(!o)return false;const E=i(true);return delete E[o],true},ownKeys(){const e=i(true);return Object.keys(e)}}),t=typeof process<"u"&&process.env&&process.env.NODE_ENV||"",B=[["APPVEYOR"],["AWS_AMPLIFY","AWS_APP_ID",{ci:true}],["AZURE_PIPELINES","SYSTEM_TEAMFOUNDATIONCOLLECTIONURI"],["AZURE_STATIC","INPUT_AZURE_STATIC_WEB_APPS_API_TOKEN"],["APPCIRCLE","AC_APPCIRCLE"],["BAMBOO","bamboo_planKey"],["BITBUCKET","BITBUCKET_COMMIT"],["BITRISE","BITRISE_IO"],["BUDDY","BUDDY_WORKSPACE_ID"],["BUILDKITE"],["CIRCLE","CIRCLECI"],["CIRRUS","CIRRUS_CI"],["CLOUDFLARE_PAGES","CF_PAGES",{ci:true}],["CODEBUILD","CODEBUIL SyntaxError: Unexpected token . at new Script (vm.js:80:7) at createScript (vm.js:274:10) at Object.runInThisContext (vm.js:326:10) at Module._compile (internal/modules/cjs/loader.js:664:28) at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10) at Module.load (internal/modules/cjs/loader.js:600:32) at tryModuleLoad (internal/modules/cjs/loader.js:539:12) at Function.Module._load (internal/modules/cjs/loader.js:531:3) at Module.require (internal/modules/cjs/loader.js:637:17) at require (internal/modules/cjs/helpers.js:22:18) at Object.<anonymous> (node_modules\@nuxt\friendly-errors-webpack-plugin\node_modules\consola\lib\index.cjs:2:13) at Module._compile (internal/modules/cjs/loader.js:701:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10) at Module.load (internal/modules/cjs/loader.js:600:32) at tryModuleLoad (internal/modules/cjs/loader.js:539:12) at Function.Module._load (internal/modules/cjs/loader.js:531:3)
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디: izim0522 인프런 이메일:izim0522@naver.com 깃헙 아이디: izim5223@gmail.com 깃헙 username: junse11 입니다!
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디: izim0522 인프런 이메일:izim0522@naver.com 깃헙 아이디: izim5223@gmail.com 깃헙 username: junse11 입니다!
미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
강의 그대로 따라했는데 무슨문제인지 모르겠네요,,,, 검색해도 안나와서 질문드립니다. npm i axios 한 상태입니다
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요, 강의 다 듣고 혼자서 이것저것 보면서 만들다가 궁금증이 생겨서 문의 드려봅니다. vuex 에서 helper 기능을 사용 및 axios 통해서 데이터를 받아서 리스트를 뿌려보는 예제를 혼자 만들어 보았는데, 원래 axios 기능을 사용하면 then,catch, 등으로 resp 및 에러체크를 하는데 vuex actions 에서 동작시킬 때 async/await를 사용해서 코드작성할 때 이렇게 작성해도 문제가 없을까요?? mutations : { setUsers(state, data){ state.users.push(data); } }, actions : { async getUsers({commit}){ let resp = ''; try{ resp = await axios.get('https://jsonplaceholder.typicode.com/todos'); for(var i=0; i<resp.data.length; i++){ const data = resp.data[i]; this.state.users.push(data); } }catch(e){ console.log(e); } commit("setUsers", resp.data); } }
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : 박용석 인프런 이메일 : sjdzn4540@naver.com 깃헙 아이디 : sjdzn48625@gmail.com 깃헙 Username : sjdzn48625
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요 강의를 듣다가 css를 복사하고싶은데 강의 첫장 레포짓토리 주소 들어가면 프로젝트가 없네요 어디서 확인할수있나요 ?
