무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결웹 게임을 만들며 배우는 Vue
.vue 파일로 개발하는 방법은 웹팩 필수 인가요?
이전 강의처럼 한 파일안에서 코딩하지 안혹 .vue파일에서 개발하려면 웹팩이 필수인가요?
- 미해결웹 게임을 만들며 배우는 Vue
npm run dev 멈춤 현상
제로초님 vue파일에서 <template> 하위에 <template> 추가해서 에러 유발했는데 제로초님처럼 빨간색 경고가 아닌 아래 메시지만 나오고 계속 멈춰버리네요... 혹시 다른 설정이 필요할까요? i 「wdm」: Compiled successfully. i 「wdm」: Compiling...
- 미해결웹 게임을 만들며 배우는 Vue
$root.$data.. vue cli환경에서는 다른거 같아요..
틱택토를 vue cli를 통해서 프로젝트를 만들어서 했는데요... $root.$data를 찍으니까 main.js에 있는 Vue인스턴스를 $root가 가리키더라구요. 그런데 생각해보면.. 제로초님 환경에서도 진짜 vue의 루트는 Tictacto.vue가 아니라 vue 인스턴스를 생성하는 main.js일텐데 어떻게 된건지 잘 모르겠네요.. 공식문서에 $root는 'The root Vue instance of the current component tree. If the current instance has no parents this value will be itself.' 라고 나와어요. 그래서 이전 프로젝트 실행해보니 또 이전 프로젝트는 Root가 없더라구요... 이게 웹팩 설정이 달라서 그런건가요?
- 미해결웹 게임을 만들며 배우는 Vue
따라서 잘 만들어 봤는데 질문 하나 드립니다.
버튼을 연타하게 되면 1000초뒤에 동시다발적으로 setTimeout이 실행되고, changeHand()의 interval에는 마지막에 저장된 timeout값만 덮어써지게 되서 엄청 빠른속도로 가위바위보가 돌아가는 문제가 있더라구요~. 이부분은 어떻게 체크해야 효율적일지 시간되실때 알려주시면 감사드리겠습니다.~ !
- 미해결웹 게임을 만들며 배우는 Vue
숫자야구 게임 실패시 초기화
현재 실패 10번했을때 숫자야구 게임이 초기화되어야하는데 시도 1번이 자동적으로 입력되는것 같습니다.onSubmitForm메서드에서 break를 걸어서 처리해도 될까요?
- 미해결웹 게임을 만들며 배우는 Vue
$root.$data와 $ref의 사용에 대해서
Vue가 너무 배우고 싶어 방황하던 중 제로초님의 강의를 발견하고, 꾸준하게 들어서 이제 $root.$data로 부모컴포넌트의데이터에 접근하는 것을 해보고 있는데요, 이 부분을 보니까 1장 구구단 게임에서 ref로 접근했던 것이생각났습니다. 3가지 의문점이 생각났습니다. 아무래도 리액트로 실무를 하고 있어서 vue도 리액트 식으로 이해하려고 되네요1. ref와 root 접근은 움직임적, 활용면에서 어떻게 다른가 리액트로 따지면 root 같은 것이 없는거 같은데요. 굳이 하자면 spread operator로 부모의 불특정 props를 전부 넘겨주고 그것을 readOnly로 활용하는 방법은 가능 할 것 같습니다.어쨌거나 ref와 root 모두 readOnly라고 이해가 되었는데 맞는가요?그렇다면 굳이 둘을 나눠서 사용하는 이유는, ref는 HTML의 ID처럼 특정 노드를 지정하는 root 접근이라고 보면 될런지요. 2. 리액트에서 ref를 통해 state등을 변경하는 것은 라이프사이클을 벗어나는 행위라서 권장하지 않는다고 알고 있는데, Vue의 ref와 root는 각각 어떠한가 nested Object의 경우 랜더가 안된다고 하셨는데 그건 리액트도 마찬가지라고 이해가 갔습니다.그 경우엔 리액트나 뷰 모두 set을 해줘서 랜더를 달리게 해주는 것 같군요. 그런 특별한 데이터가 아니라 일반적인 원시형 props 데이터의 수정에 대해서 Vue는 어떠한가요?? 리액트는 제 기억으로는 setState를 해주지 않는 이상 데이터에 직접 접근해서 변경하는 것은 라이프 사이클이 안움직였던 것 같은데요. 그리고 그건 라이프사이클을 벗어나기 떄문에 직접 변경은 하지말라고했던것 같아요.Vue는 그런 룰은 없나요?? 3. 자식컴포넌트에서 부모컴포넌트를 수정하면 부모로부터 시작해서 자식들도 랜더링이 다시 될텐데 그보다는 자식의 data(리액트라면 state)변화를 부모에게 전달하는 방식을 하면 좋을 것 같습니다. 이런 경우 리액트라면 부모에서 setState가 포함된 함수를 자식에게 건내줘서 자식의 이벤트와 연결시키는데 Vue에서는 이런 방식이 가능한지, 필요한지, 등등 알고 싶습니다. 잘 부탁드리겠습니다.
- 해결됨웹 게임을 만들며 배우는 Vue
19.11 기준 목차 3번 [Entry module not found: Error: Can't resolve './src'] 에러 해결 방법
2시간 구글링 끝에 찾아냈습니다. 흑흑 참고 URL: https://gompro.postype.com/post/1699968 1. 먼저 mode를 development로 변경하라는 경고문 package.json파일에서 "scripts": { "build": "webpack --mode development --config ./webpack-config.js" } ----------------------------------------------------------------------------------------- 2. webpack-node-externals 플러그인 설치 npm i webpack-node-externals -D ----------------------------------------------------------------------------------------- 3. 플러그인 설치 후 webpack-config.js 파일 수정 const nodeExternals = require('webpack-node-externals'); module.exports = { target: 'node', externals: [nodeExternals()], ... } /* moduel.exports에서 mode: 'development'로 하셔도 됩니다. 그러면 package.json파일 에서 "build": "webpack --config ./webpack-config.js" 이렇게 쓸 수 있죠 */ ----------------------------------------------------------------------------------------- 4. 세팅 끝난 후 npm run build [Entry module not found: Error: Can't resolve './src'] 에러는 이제 뜨지 않습니다!!
- 해결됨웹 게임을 만들며 배우는 Vue
3차원 배열 조작문의
set을 쓰실때 첫번째 인수에는 첫번째인덱스두번째 인수에는 두번째인덱스를 키값으로 쓰시고세번째 인수에는 변경되어져 새로 들어갈 값을 넣으셧는데요키값은 구분용이니까 두번째세번째인덱스를 짝으로객체나 다시 배열로 만들어서 키값으로 쓰면될것같은데맞나요?3차원 배열의 경우 어떻게 조작해야되는지 간단히예제로 설명해줄수 있는지 궁금합니다. 감사합니다
- 해결됨웹 게임을 만들며 배우는 Vue
웹팩설치에 관하여
안녕하세요,웹팩을 설치완료후 npm run build를 실행하면 에러가 뜨는데요,이유를 찾지못하겠습니다.에레 메시지는 아래와 같습니다. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! install@1.0.0 build: `webpack` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the install@1.0.0 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. package.json중의 내용은 아래와 같습니다. { "name": "install", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "build": "webpack" }, "author": "", "license": "ISC", "dependencies": { "vue": "^2.6.10" }, "devDependencies": { "vue-loader": "^15.7.1", "vue-template-compiler": "^2.6.10", "webpack": "^4.41.0", "webpack-cli": "^3.3.9", "webpack-dev-server": "^3.8.2" } }
- 미해결웹 게임을 만들며 배우는 Vue
자동으로 import 추가
안녕하세요! 질문이 있습니다. 코드에서 자동으로 import 추가되는 건 어떻게 하는 거예요?? 예를 들면, 지뢰찾기 8-4강좌에서 MineSweeper.vue 에서this.$store.commit(INCREMENT_TIMER) 라는 코드를 쓸때, 저는 INCREMENT_TIMER가 불러와지지 않아서 IMPORT를 한뒤에 불러오는데, 동영상 강의에서는 자동으로 불러오시더라구요. 따로 플러그인이 있는건가요? 확인 부탁드립니다. 감사합니다
- 미해결웹 게임을 만들며 배우는 Vue
props 와 data 차이
start-word 를 각 컴포넌트마다 지정해주실때, props 를 지정하고, word에서 그 props 의 데이터를 불러오셨잖아요. props 를 통하지 않고 data에서만 불러올 순 없는 건가요?? 굳이 props 를 거쳐야하는지, 어떤 기능을 가지고 있는지 필요성을 몰라서 질문합니다!
- 미해결웹 게임을 만들며 배우는 Vue
컴포넌트 사용시, 네이밍
컴포넌트 명을 지정할때, 파스칼케이스, 카멜케이스로 설정했을 때 "did you register the component correctly?" 라는 오류가 떠요. 컴포넌트명은 케밥케이스만 가능한게 맞나요??
- 웹 게임을 만들며 배우는 Vue
컴포넌트
삭제된 글입니다
- 미해결웹 게임을 만들며 배우는 Vue
강의 잘 듣고 있습니다. 재미있네요
(사진)
- 해결됨웹 게임을 만들며 배우는 Vue
구구단에서 form을 하지 않아도 될것 같습니다.
최초 mounted되면 data를 통해 랜덤값이 생성될꺼고, 정답 맞았을 경우, 다시 랜덤값 추출하므로, 굳이 form 구문 안써도 잘 동작하네요~