무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결웹 게임을 만들며 배우는 Vue
선생님 안녕하세요
선생님의 강의를 따라하면서 github 에 public 하게 프로젝트 받아친 내용을 올려도 되는지 궁금합니다. 지금은 물론 private repository로 만들었습니다. 아직 1강만 들었지만, 계속해서 해보고자 합니다!
- 미해결웹 게임을 만들며 배우는 Vue
<li v-for="t in tries"> 의 에러에 대하여...
[vue/valid-v-for]Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive. 선생님 유튜브에서 안된다고 문의 드렸던 바이팡입니다. 뷰 똥망 ㅠㅠ 고쳐봐도 에러가 나는데 어떻게 해야할까요...? https://bumcrush.tistory.com/164 <ul> <li v-for="t in tries" v-bind:key="tries"> <div> {{ t.try }} </div> <div> {{ t.result }} </div> </li> <!-- t : try --> </ul>
- 미해결웹 게임을 만들며 배우는 Vue
cellDataStyle 질문입니다.
cellDataStyle(){ let count = 1; console.log("cellDataStylee 실행 횟수:", count); return (row, cell) => { console.log("실행 횟수:", count++); .... } } 위 코드를 실행시켰을 때, cellDataStyle 함수의 실행횟수는 1번인 반면에, 리턴 함수의 실행횟수는 100번 이더군요. 공식 문서를 읽어보니, computed 속성은 해당 속성이 종속된 대상이 변경될 때만 함수를 실행한다는 내용이 있었습니다. 저는 cellDataStyle 함수는 굳이 리턴 함수를 쓰지 않더라도 td 태그에 종속되어 있기 때문에 v-for에 의해 100번 실행될 것이라고 예상했지만, 한 번만 실행되고, 리턴 함수가 100 번 실행되네요. 이유가 있을까요? * 그 외로, cellDataStyle의 매개변수인 state를 찍어보니, state의 $el 속성이 table 태그를 가리키는 것을 확인했습니다.
- 미해결웹 게임을 만들며 배우는 Vue
git 블로그
수업을 들으면서 알게된 내용이나 vue를 정리하려고 하는데 출처 밝히고 git blog에 올려도 되나요??
- 미해결웹 게임을 만들며 배우는 Vue
vue에 sass적용할 때 webpack설정 질문입니다
vue에 scss를 적용하는 법이 궁금해서 질문 올립니다. 공식문서를 보면 npm install -D sass-loader node-sass를 한 후 "devDependencies": { "css-loader": "^4.3.0", "eslint": "^7.16.0", "eslint-plugin-vue": "^7.4.0", "node-sass": "^5.0.0", "sass-loader": "^10.1.0", "vue-loader": "^15.9.6", "vue-style-loader": "^4.1.2", "vue-template-compiler": "^2.6.12", "webpack": "^4.44.2", "webpack-cli": "^3.3.12", "webpack-dev-server": "^3.11.0" } webpack config를 아래와 같이 설정하라고 되어 있던데 안되는 이유가 뭔지 잘 모르겠습니다. 제가 뭘 놓치고 있는 걸까요? module: { rules: [{ test: /\.vue$/, use: 'vue-loader', }, { test: /\.scss$/, use: [ 'vue-style-loader', 'css-loader', 'sass-loader' ] }, { test: /\.css$/, use: [ 'vue-style-loader', { loader: 'css-loader', options: { esModule: false, } }, ] }, ], }, <style scoped lang="scss"> .login { width: 235px; height: 60px; padding: 20px 91px 13px 87px; border-radius: 5px; background-color: #00c854; p{ font-family: SpoqaHanSans; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-align: left; color: #ffffff; } } </style>
- 미해결웹 게임을 만들며 배우는 Vue
onClickButton
vue가 자동으로 onClickButton이라고 쓰면 Button을 클릭했을때 라고 이해 하나요?
- 미해결웹 게임을 만들며 배우는 Vue
편안하게
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
- 미해결웹 게임을 만들며 배우는 Vue
webpack-dev-server 설치후
webpack-dev-server 설치후 package.json 파일의 script 에 dev 설정 후 npm run dev를 실행하니 이런 에러가 뜹니다ㅠ 해결방법 좀 알려주세요!ㅠ 모르겠습니다
- 미해결웹 게임을 만들며 배우는 Vue
style 안 먹히는데 이유를 모르겠습니다.
제로초님 깃헙에 올린 (경로 - vue-webgame/4.반응속도체크/package.json) 파일안에 json으로 맞쳐서 설치하면 style 먹히고 최신버전으로 패키지를 설치하면 style 안 먹히네요.차이점은 css-loader 패키지가 4버전 이네요..
- 미해결웹 게임을 만들며 배우는 Vue
다음 강의로 'Vue로 Nodebird SNS 만들기' 를 수강하려고 합니다.
우선 강의 너무 잘들었습니다. vue.js에 대해서 많이 배웠습니다. 감사합니다. ㅎ 그리고 다음 강의로 'Vue로 Nodebird SNS 만들기'를 수강하려고 하는데요.. 혹시 백엔드쪽을 java로 구성해도 무리가 없을까요? 태생이 자바개발자고 백엔드 위주 개발자였는데 프론트쪽도 배워보고 싶어서 vue를 배우고 있는지라.. 자바쪽 공부도 같이 할겸 백엔드는 자바로 구현해보고 싶은 욕심이 있어서 문의 드립니다.
- 미해결웹 게임을 만들며 배우는 Vue
vue router 관련한 질문입니다.
vue router 학습 중에 궁금한 점이 생겨 질문 드립니다. 다른 게임들도 링크를 만들었는데 틱택토와 지뢰찾기는 동작이 하지 않습니다. Cannot read property 'state' of undefined 에러 메시지로 보아 vuex store와 관련된 문제인 것 같은데 맞나요? 정확히 왜 틱택토와 지뢰찾기는 동작하지 않는지와 해결하려면 어떻게 해야되는지 알고싶습니다.
- 미해결웹 게임을 만들며 배우는 Vue
다음강의로 'Vue로 Nodebird SNS 만들기' 를 학습하고싶은데요
이 강의만 완강한 상태에서 무료배포해주시는 Node관련 책만 일독하고 들어가도 무리없이 수강 할 수 있을까요?. 아니면 Node.js관련 강의나 MySQL 기본정도는 알고 들어가야 수월하게 진행할 수 있을까요? ^^; 제 목적은 Vue로 웹사이트 프론트엔드를 구현하는 방법을 채득하는것인데, 강의를 살펴보니 Vue이외에도 부가지식이 조금 더 필요할것같아 저한테는 조금 높은레벨의 강의가 아닌가싶어 구매를 망설이고 있습니다 ㅠ
- 해결됨웹 게임을 만들며 배우는 Vue
렌더링 관련 질문이있습니다.
먼저 좋은 강의 너무 감사드립니다.너무나도 큰 도움이 되고있습니다. 컴포넌트 렌더링 관련해서 질문이 있는데요. 틱택토 첫 강의에서 컴포넌트를 잘게 나누는 이유가 칸의 O,X가 변경되었을 때,테이블 전체가 아닌 td부분만 렌더링 되게 하기 위해서 나눈다고 하셨는데, 이 강의 마지막에서는vue-dev-tools를 보여주시면서,"td는 tr의 일부분이고, tr은 table의 일부분이기 때문에 update 카운트가 같이 증가한다" 라고 하셔서요.. 그리고 실제로 updateRender라는 횟수도 계속 증가하고 있는데, 결국 td의 O,X 가 바뀌면 table전체가 렌더링 되는거 아닌가해서요... 제가 잘못 이해한걸까요?
- 미해결웹 게임을 만들며 배우는 Vue
showBalls 질문입니다.
중복되는 부분을 methods.showBalls 로 분리해주셨는데, methods가 아닌 외부함수로 빼지 않으신 이유가 있을까요? methods는 어떤 이벤트에 대한 콜백함수를 정의하는 공간이라고 생각해서, showBalls는 차라리 this.$data를 매개변수로 받도록 해서 외부로 빼도 괜찮을 것 같다는 생각이 들어서요...
- 해결됨웹 게임을 만들며 배우는 Vue
강의 깃허브 레포지토리가 있나요?
무료강의 정말 감사합니다! 레포지토리가 혹시 있을까요?
- 미해결웹 게임을 만들며 배우는 Vue
9. 라우터 강의 관련 질문 드립니다.
뷰 파일이 하나인 게임들은 강의 진행으로 실행 및 이해가 가능한데, 다중 컴포넌트 및 vuex를 사용한 게임들은 많은 시도에도 깔끔하게 성공하지 못 했습니다. store.js 를 복사하여 화면이 뜨는 것 까진 가능하지만, 예를 들어 지뢰 찾기의 경우, 시간이 흐르지 않는 것, 클릭 후 화면 렌더링을 위해서는 다른 페이지 방문 후 다시 지뢰 찾기 페이지로 와야 렌더링 결과를 확인 가능한 점. 또 store.js로 같은 이름을 틱택토에도 사용하여, 두 게임은 함께 라우팅 불가한 점. 이렇게 제 지식의 한계로 호기심을 해결하지 못 하고 있는데, 힌트나 도움이 될 다른 강좌 알려 주실 수 있으신지요? Vue로 SNS 제작 강좌에 관련 설명이 포함되어 있나요? 도움에 미리 감사 드립니다.
- 해결됨웹 게임을 만들며 배우는 Vue
7-3 강의 4분 51초즘에서 궁금한게 있습니다..
배열의 인덱스를 직접 사용해서 값을 변경하면 화면이 직접 보여지지 않는다고 하셨는데, 코드 그대로 작성한 것 같은데 저는 클릭할 때마다 값이 보여지더라고요... 혹시나 click이벤트가 실행되면서 새로고침때문에 화면에 값이 나오는 건가 싶어서 e.preventDefault(); 도 붙여보았지만 여전히 값이 잘 출력되고 있는데요, 이건 현재 뷰 버전이 업데이트 되면서 변경된 부분인걸까요..?? 이미지 첨부합니다.
- 미해결웹 게임을 만들며 배우는 Vue
데이터와 관계없는 상태 변수 처리방법
뷰(view)와 관련없는 상태변수를 global로 선언하는 방법말고는 다른 방법이 없는건가요?
- 해결됨웹 게임을 만들며 배우는 Vue
computed에서 리턴할 때
<8-3 강의> 고차함수를 통해서 함수를 리턴해야 하는 건 왜일까요??
- 미해결웹 게임을 만들며 배우는 Vue
동영상 멈춤 현상이 발생하네요.
몇달전만해도 동일한 강좌영상 재상이 잘 되었는데.. 오늘따라 동영상 멈춤 현상이 발생하네요. 1-1. 강좌 소개와 맛보기 ( 01:33 )