수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결웹 게임을 만들며 배우는 자바스크립트
함수 비동기콜백에서 이벤트의 값은 뭐가 되는 건가요?
지금까지는 a라는 함수를 만들고 a('b')를 하면 a라는 함수에 다음에있는 ()안의 값으로 'b'가 들어간다고 알고 있었는데요. 이번에 나온 addEventListener나 indexOf는 어떤 식으로 작동해서, 이벤트의 값이 뭐가 되는 건가요?
- 해결됨웹 게임을 만들며 배우는 자바스크립트
짝맞추기게임
유튜브로 공부하다 넘어왔습니다! 짝맞추기 게임 중 카드를 색상 말고 이미지를 넣고 싶은데 변수를 어디다 어떻게 넣어야 할지 감이 안와서 질문드려요!
- 해결됨웹 게임을 만들며 배우는 자바스크립트
바닐라 자바스크립트 형식인가요?
좋은 강의 열어주셔서 고맙습니다ㅎ라이브러리를 쓰는지 쓴다면 얼마나 사용하지 궁금합니다!
- 미해결웹 게임을 만들며 배우는 자바스크립트
줄바꾸기
반복문 부분 강의 듣고있는데요 while(값 < 100) { console.log('안녕하세요') } 이 코드에서 Var = 값 while(값 < 100) { console.log('안녕하세요') } 이렇게 위에 Var= 값 이란 코드를 윗줄로 가서 작성하시는데 위로 가는 법을 모르겠습니다.
- 해결됨웹 게임을 만들며 배우는 자바스크립트
팩토리,생성자,프로토타입패턴 이해한게 맞나요?
팩토리패턴 -> 함수 내부에서 "return" 으로 객체들을 찍어내는(여기서 그냥 찍어내냐, 생성자로 찍어내냐 로 갈리고) 패턴인것이고. ===== 생성자패턴 -> new ~~ 로 "인스턴스" 들을 만들어내는 패턴이고. ===== 프로토타입패턴 -> 생성자패턴에서 인스턴스들은 결국 인스턴스 하나하나 마다 메서드와 변수들이 정의가 된 꼴이라 prototype 이라는 인스턴스들의 "공유공간" 에다 인스턴스들의 공통 부분을 넣어 Object.create 방식으로 가져다 쓰는 패턴. ====== 그래서 현재 제로초님이 강의하고 계신 이 자스스톤에서 덱과 영웅 영역에 card 들을 생성하는 패턴이 프로토타입은 아직 안쓰신것 같고 "생성자패턴 + 팩토리패턴" 인 것 맞죠?
- 해결됨웹 게임을 만들며 배우는 자바스크립트
04:12 forEach 내 클로저 질문 드립니다.
04:12 에 보믄... forEach 도 배열의 반복문이고 반복문안에 비동기가 실행되니 비동기 함수 내부의 e 가 마지막 이벤트타겟만을 바라보고 작동해야할 것같은데요. 실제로는 정상적으로 작동을 하네요. ========== forEach 로 돌아가는 반복은 특별하게.... 자동(??)으로 클로저 개념으로, 비동기함수내 e 변수가 외부변수 e 를 기억하는건가요? 특별한건가요?
- 미해결웹 게임을 만들며 배우는 자바스크립트
언어공부
4:40 초에 첫번째 언어는 돈주고 배우되 두번쨰 새번쨰 언어는 돈주고 배우지말라는 말씀이요.. 지금 자바스크립트가 첫번쨰 언어라면 두번째 언어인 리액트, 자바 , 파이썬 언어 배울때 돈주고 배우지 말라는 말씀이신건가요?
- 미해결웹 게임을 만들며 배우는 자바스크립트
본인 배열을 섞어서 본인 배열에다 바로 넣는 건 없나요?
splice 는 원본배열을 잘라내는거고 slice 는 (원본배열은 냅두고) 새로운 배열을 반환해주는데 ===== 결국엔 위 두 메서드로는 원본배열 말고 새로운 배열을 하나 더 만들어서 처리를 해야한다는 것인데요. 요 한 단계를 줄일 수 있는 방법은 없나요? (번거롭게 새로운 배열을 할당하고 싶지 않습니다.)
- 미해결웹 게임을 만들며 배우는 자바스크립트
fill 메서드가 IE 에서 안된다면 뭘 사용해야하나요?
구글에 검색해보니 polyfill 을 선언하면 익스플로러에서 대체로 구현이 되는 것 같던데, 이렇게 길~게 사용하는 법 말고 메서드 형태로 사용 할 순 없나요?
- 미해결웹 게임을 만들며 배우는 자바스크립트
09:48 setTimeout 끼리 연결 짓는 법
(사실 쓸모없는 질문인것 같습니다.) 동영상 09:48 쯤에 해결방법을 알려주셨는데, 당첨숫자의 setTimeout 과 보너스의 setTimeout 이 별개의 초로 동작을 해서 실제로 이러한 식으로 짜는건 좋지 않다고 생각이 되는데요. ========= 1. 당첨숫자 비동기가 끝나면 2. 끝났다는 것을 인지하고 3. 보너스 비동기가 실행 되게 하려면 어떠한 식으로 구현이 되어야 할까요?
- 미해결웹 게임을 만들며 배우는 자바스크립트
코드 질문있어요!
그냥 document.createElement('div')라고 하면 div태그는 어디에 만들어지는건가요? var로 변수안에 넣어야 지만 append로 html에 추가할수 있는건가요? 그리고 document.Element 에서 Element는 웹브라우저 회사에서 웹페이지를 만들때 함수로 미리 만들어 둔건가요?
- 미해결웹 게임을 만들며 배우는 자바스크립트
지뢰찾기 - 우클릭으로 깃발 꼽기 질문드려요
var dataset = [];var tbody = document.querySelector('#table tbody')document.querySelector('#exec').addEventListener('click', function() { var hor = parseInt(document.querySelector('#hor').value) var ver = parseInt(document.querySelector('#ver').value) var mine = parseInt(document.querySelector('#mine').value) //console.log(hor, ver, mine) //지뢰위치 뽑기 var candidates = Array(hor * ver) .fill() .map(function (factor, index) { // 1대1로 짝지어주는 것 return index; }); //console.log(candidates) var shuffle = []; while (candidates.length > 80) { var xv = candidates.splice(Math.floor(Math.random() * candidates.length), 1)[0] //console.log(xv) shuffle.push(xv) } console.log(shuffle) // shuffle에 지뢰의 위치가 있다 (랜덤하게 20개) for (var i = 0; i < ver; i += 1) { var arr = []; var tr = document.createElement('tr') dataset.push(arr) for (var j = 0; j < hor; j+= 1) { arr.push(1) var td = document.createElement('td') td.addEventListener('contextmenu', function (e) { e.preventDefault() console.log('우측클릭') e.currentTarget.parentNode <-----------이 부분 }) tr.appendChild(td) } tbody.appendChild(tr) } //지뢰 심기 for (var k = 0; k < shuffle.length; k++) { // 60 var y = Math.floor(shuffle[k] / 10) var x = shuffle[k] % 10 console.log(y, x) tbody.children[y].children[x].textContent = 'X'; // 화면 //tbody는 화면 태그고 .children 하면 tr, 또 .children하면 td dataset[y][x] = 'X' // 따로 관리하는 2차원 배열 } console.log(dataset)})<지뢰찾기.html> <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> table { border-collapse: collapse; } td { border : 1px solid black; text-align: center; line-height: 20px; width : 20px; height : 20px; } </style></head><body><input id="hor" type="number" placeholder="가로" value="10"><input id="ver" type="number" placeholder="세로" value="10"><input id="mine" type="number" placeholder="지뢰" value="20"><button id="exec">실행</button><table id="table"> <thead> <tr> <td><span id="timer">0</span></td> </tr> </thead> <tbody></tbody></table><script src="지뢰찾기.js"></script></body></html> 지뢰찾기.js 파일에서 e.currentTarget.parentNode 와 e.currentTarget.parentNode.parentNode 가 안먹는거 같습니다...
- 미해결웹 게임을 만들며 배우는 자바스크립트
이벤트리스너를 button 에 하지 않는 이유는 뭔가요?
1. 제곧네입니다. 사실 td 나 button 이나 똑같을거같은데, button 으로 만들면 장점이 있는걸까요? 차이점이 뭘까요? =========== 2. 강의 내용중에 (10:42) !! v 가 있었는데 이게 이해가 안가서... 저걸 뭐라고 부르나요? 용어가 궁급합니다.
- 해결됨웹 게임을 만들며 배우는 자바스크립트
프로토타입 질문
프로토타입이 왜 필요한지에 대해서 잘 이해가 안가서 질문드립니다. 팩토리 패턴에서 사용한 코드 (아래) 여기에 그냥 type = 'toy'; width = 100; height = 200; 이런식으로 추가해줘도 똑같이 적용될텐데, 왜 굳이 프로토타입을 써야하는건지 제가 놓치고 있는 부분이 어딘지 잘 이해가 되지 않습니다. const cardFactory = (name, damage, hp)=>{ return { name: name, damage: damage, hp : hp, type: 'character', attack : function(){ console.log('공격 !'); }, defence : function(){ console.log('방어 !'); } } }
- 해결됨웹 게임을 만들며 배우는 자바스크립트
대각선 검사 부분 질문남깁니다.
저는 코드를 다음과 같이 짰는데요. 제로초님께서 하신 if(몇줄-몇칸 === 0) 과, Math.abs를 사용하신 부분을 제하고, 이런식으로만 코드를 짜도 정상동작하는 것으로 확인되는데, 위 if(몇줄-몇칸===0) 이라는 조건을 주신 이유가 궁금합니다. //좌상->우하 대각선 검사 if(blanks[0][0].textContent === turn && blanks[1][1].textContent === turn && blanks[2][2].textContent === turn ){ finished = true; } //우상->좌하 대각선 검사 if(blanks[0][2].textContent === turn && blanks[1][1].textContent === turn && blanks[2][0].textContent === turn ){ finished = true; }
- 미해결웹 게임을 만들며 배우는 자바스크립트
5번라인에 비동기콜백만들때
function(이벤트)여기서 이벤트가 어떻게 'click'을 받아온건가요? 받아오는과정이나 받아올수있는 이유같은게있나요? 아니면 addeventListener에서는 첫인자에 click을 쓰면 두번째 인자 함수에 파라미터는 저절로 click이들어가는건가요? 이거 이해할려고 어제부터 고민중인데 ㅜㅠㅠ
- 해결됨웹 게임을 만들며 배우는 자바스크립트
function으로 묶으면 오류가..
gg.js:39 Uncaught TypeError: Cannot read property 'join' of undefined ====> 아 알아냈습니다. 이벤트시작전에 함수를 한번 콜해줘야하네요. 근데 콜해줘야하는이유를 모르겟네요 ㅠㅠ ========== 콜을 안해주면 숫자후보, 숫자배열 은 처음 그상태로 공백인건가보네요!? 함수를 만는다고해서 바로 한번 실행되는게 아닌가보군요! 혼자서 북치고장구치면서 알아내가는중입니다. 정확한답이아니라 제 생각일뿐이라서 일단 남겨봅니다..ㅠ
- 해결됨웹 게임을 만들며 배우는 자바스크립트
form 안에 버튼, 인풋 넣는부분
폼.append 말고 document. body.폼.append나 document. body.form.append으로하면 왜 안될까요? 폼을 풀어쓰면 document.body.form(폼)인게아닌가요?
- 해결됨웹 게임을 만들며 배우는 자바스크립트
영상 보기전에 미리 한번 해봤습니다.
var x = Math.floor(Math.random() * 9) + 1; var y = Math.floor(Math.random() * 9) + 1; var q = x * y; console.log(x + "*" + y); while (true) { var a = prompt(x +"*" +y); if (Number(a) === q) { console.log(Number(a)); alert("딩동댕"); break; } else { alert("공부해라!"); } }
- 웹 게임을 만들며 배우는 자바스크립트
로또 추첨기 css 배경색 질문
삭제된 글입니다