수강이 제한됩니다.
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 웹 게임을 만들며 배우는 자바스크립트
후기 게시판은 따로 없나요?.?
삭제된 글입니다
- 미해결웹 게임을 만들며 배우는 자바스크립트
어떻게 인덱스가 출력이 되는건지 이해가 안됩니다ㅠㅠ
forEach에 들어간 함수에서 인덱스가 대체 어떻게 출력되는건지 이해가 잘 안됩니다ㅠㅠㅠ2번째 파라미터로 넣어준건 자동으로 인덱스가 되는건가요??
- 해결됨웹 게임을 만들며 배우는 자바스크립트
끝말잇기 구현에서 word부분 이요.
알려주신 대로 두가지 방법 다 사용해 봤을 때, word가 변수인데, 저는 '끝말잇기'로 두고 word부분을 다 변수로 지정해놓은 값으로 해도 된다시길래 변경했더니 끝말잇기가 안된고, '끝말잇기'만 나오더라구요. 그래서 word라고만 치는 게 맞는지? 궁금합니다.
- 미해결웹 게임을 만들며 배우는 자바스크립트
다른 방식으로 해봤는데 flipped 구현이 안돼요 ㅠㅠ
const cardList = document.querySelectorAll('.card'); const cardBack = document.querySelectorAll('.card-back'); const new_candi = ['red', 'red', 'orange', 'orange', 'yellow', 'yellow', 'pink', 'pink', 'blue', 'blue', 'black', 'black']; let color_candi = new_candi.slice(); let color = []; let clickflag = true; let click_card = []; let right_card = []; let start_date; let end_date; function shuffle () { for (let i =0; color_candi.length > 0; i ++) { color = color.concat(color_candi.splice(Math.floor(Math.random() * color_candi.length), 1)); } } function cardSetting() { clickflag = false; for (let i =0; i < 12; i ++) { cardBack[i].style.backgroundColor = color[i]; } for (const card of cardList) { card.addEventListener('click', function(){ if(clickflag && !right_card.includes(card)) { card.classList.toggle('flipped'); click_card.push(card); if (click_card.length === 2) { if (click_card[0].querySelector('.card-back').style.backgroundColor === click_card[1].querySelector('.card-back').style.backgroundColor) { right_card.push(click_card[0]); right_card.push(click_card[1]); click_card = []; if (right_card.length === 12) { end_date = new Date().valueOf(); swal("성공입니다!", + ((end_date - start_date) / 1000) + "초 걸렸습니다.") ; color_candi = new_candi.slice(); color = []; right_card = []; start_date = null; end_date = null; console.log(new_candi, color, right_card, start_date, end_date, click_card); shuffle(); cardSetting(); } } else { //두 카드의 색상이 다르면 clickflag = false; setTimeout(function() { click_card[0].classList.remove('flipped'); click_card[1].classList.remove('flipped'); clickflag = true; click_card = []; }, 1000); } } } }); }; cardList.forEach(function (card, index) { setTimeout(function() { card.classList.add('flipped'); }, 1000 + 100 * index); }); setTimeout(function() { cardList.forEach(function (card) { card.classList.remove('flipped'); }); clickflag = true; start_date = new Date().valueOf(); console.log(start_date); }, 5000); } shuffle(); cardSetting();
- 미해결웹 게임을 만들며 배우는 자바스크립트
숫자가 고정되어서 한가지숫자만 반복해서 나와요 ㅠ
var 숫자1=Math.floor(Math.random()*9)+1 var 숫자2=Math.floor(Math.random()*9)+1 그냥 Math.floor(Math.random()*9)+1 는 랜덤으로 수가 나오는데 var 숫자1=Math.floor(Math.random()*9)+1 로 하면 한 숫자만 계속 고정해서 나옵니다. 왜 그런걸까요??ㅠㅠ
- 미해결웹 게임을 만들며 배우는 자바스크립트
질문있습니다.
선생님 저는 js로 div를 안만들고 html으로 구현을 한 상태입니다. 랜덤으로 색을 뽑아서 뒷배경에 넣어줘야하는데 안들어갑니다 ㅜㅜ 어떤식으로 구현해야할까요..? function colorSetting() { for (let i =0; i < 12; i ++) { cardBack.style.backgroundColor = color[i]; } for (const card of cardList) { card.addEventListener('click', function(){ card.classList.toggle('flipped'); }); } } html으로 card 12개를 다 작성한 상태라 queryselectorAll으로 가져와서 for of해줬습니다 ,, 뒤집는 건 문제없이 되는데 뒷배경 색상적용이 안됩니다..!
- 미해결웹 게임을 만들며 배우는 자바스크립트
저는 new Date()하면 왜 숫자가 안나오죠,.?
Sun Aug 23 2020 01:09:32 GMT+0900 (대한민국 표준시) 이런값이 반환되는데요..ㅠ
- 미해결웹 게임을 만들며 배우는 자바스크립트
대각선 검사할 때
7:35초 if문으로 두개 따로 안두고 || 대신 && 이걸로 하면 되는거아닌가요?
- 미해결웹 게임을 만들며 배우는 자바스크립트
중급강좌 관련 질문이요
중급강좌 얘기 많이 해주셨는데 강의 제작 예정이신가요?
- 미해결웹 게임을 만들며 배우는 자바스크립트
children이 호출이 안되요ㅠㅠ
안녕하세요 선생님 강의랑 조금 다른 방식으로 btn.addEventListener("click", makeArray); 에서 table안에 tr, td 만드는 makeArray함수호출하고 (참고로 tbody같은 html요소들은 makeArray밖의 맨위에 이미 특정해놨어요) 이 함수안에서 randomNumberForDigging(horiz, verti, numMine);로 폭탄위치정할 랜덤 Array 만드는 함수 호출을 하는데 이상한것이 makeArray함수에서는 tbody.children[특정n]하면 호출되는데 randomNumberForDigging이 함수에서는 호출이 안되요. 근데 randomNumberForDigging여기서 console.log(tbody.children[특정n])은 undefined인데 console.log(tbody.children) 은 htmlcollection이라며 호출이 되요..이틀동안 원인을 찾고있는데 모르겠어요ㅠㅠ
- 미해결웹 게임을 만들며 배우는 자바스크립트
이스케이핑할때
Var string = '\'string\'';String; 입력시"'string'"으로 나오는데, 이해가 안됩니다.. 이스케이핑의 다른 예시를 알고싶습니다ㅠㅠ
- 해결됨웹 게임을 만들며 배우는 자바스크립트
가위바위보 강의를 보면서 질문이 있습니다.
안녕하세요 제로초님 강의 잘 듣고 있습니다. 가위바위보 강의를 들으면서 코드를 직접 쳐보고 테스트를 해보았는데, 해결되지 않는 부분이 있어서 질문드립니다. 가위,바위,보 버튼을 누를 때 clearInterval을 시키고 1초 딜레이 이후에 인터벌을 다시 실행하는 코드에서 (아래는 깃허브에 제로초님 코드를 가져왔습니다.) var 인터벌; function 인터벌메이커() { 인터벌 = setInterval(function () { if (이미지좌표 === 가위바위보.바위) { 이미지좌표 = 가위바위보.가위; } else if (이미지좌표 === 가위바위보.가위) { 이미지좌표 = 가위바위보.보; } else { 이미지좌표 = 가위바위보.바위; } document.querySelector('#computer').style.background = 'url(https://en.pimg.jp/023/182/267/1/23182267.jpg) ' + 이미지좌표 + ' 0'; }, 100); } 인터벌메이커(); document.querySelectorAll('.btn').forEach(function(btn) { btn.addEventListener('click', function() { clearInterval(인터벌); // setInterval 중지 setTimeout(function() { 인터벌메이커(); }, 1000); }); }); 이렇게 되어있는데 가위,바위,보 버튼을 연속적으로 빠르게 누르다 보면 인터벌메이커() 함수가 중첩으로 실행이 되어서 결국에는 1초 딜레이 무효화되는 현상을 보게 되었는데 어떻게 하면 제대로 구현할 수 있을지 여쭤봅니다. 제 생각에는 clearInterval 메소드 안에 setTimeout을 넣어봐서 실행하면 되지 않을까 했는데(아래 코드 처럼) document.querySelectorAll('.btn').forEach(function(btn) { btn.addEventListener('click', function() { clearInterval(인터벌, setTimeout(function(){ 인터벌메이커(); }, 1000)); }); 여전히 안되더라구요
- 미해결웹 게임을 만들며 배우는 자바스크립트
appendchild 사용이유??
안녕하세요 제로초님 강의정말잘보고있습니다. append 대신에 appendchild 사용이유가있을까요? append로도 똑같이 실행이되서요...
- 미해결웹 게임을 만들며 배우는 자바스크립트
카드 짝맞추기 호환성 질문
카드짝맞추기 만들고, 깃허브에 올려서 핸드폰으로 돌려봤는데요, 안드로이드, 크롬, 엣지, 파이어폭스에선 잘 돌아가는데 아이폰에서만 안돌아가는데 인터넷찾아봤는데 잘 안나오더라구요, 해결방법 질문드립니다..
- 미해결웹 게임을 만들며 배우는 자바스크립트
두개의 차이가 뭔가요??
cancleTime = setTimeout(function () { screen.click(); startTime = new Date(); }, Math.floor(Math.random()) * 1000 + 2000); cancleTime = setTimeout(function () { startTime = new Date(); screen.click(); }, Math.floor(Math.random()) * 1000 + 2000); 이 두개의 차이가 있나요?? 위에 순서로 하면 setTimeout이 작동을 안하고, 아래 순서로 하면 정상적으로 작동하네요,.
- 미해결웹 게임을 만들며 배우는 자바스크립트
클로저 질문입니다.
for (let i = 0; i < numbers.length; ++i) { setTimeout(function () { const ball = document.createElement("div"); ball.innerText = numbers[i]; ball.classList.add("ball"); //css paintBall(ball); result.appendChild(ball); }, 1000 * (i + 1)); } 로또추첨할 때 저는 이렇게 했는데 공이 한개씩 잘 뜨던데 왜그런건가요??? 강의에 의하면은 1000*(i + 1)초 후에 setTimeout안의 number[i]에서 i값이 결정될텐데 차례대로 number[]의 0번 index부터 마지막 index까지의 요소가 잘 뜨더라고요
- 미해결웹 게임을 만들며 배우는 자바스크립트
innerHTML, innerText, TextContent의 차이를 검색해봤는데 잘 모르겠어서 설명 부탁드립니다.
innerHTML, innerText, TextContent의 차이를 검색해봤는데 잘 모르겠어서 설명 부탁드립니다.
- 미해결웹 게임을 만들며 배우는 자바스크립트
동일질문 html을 유지한채 진행한다면
js로 반복문을 통해서 td태그를 생성함과 동시에 배열에 집어 넣는 방법 말고 html로 테이블의 틀을 작성했다면, 각 칸들의 값을 어떻게 '칸들'변수에 집어 넣을 수 있을까요?
- 미해결웹 게임을 만들며 배우는 자바스크립트
아래 질문하신분이랑 동일한 질문입니다.
js로 반복문을 통해서 td태그를 생성함과 동시에 배열에 집어 넣는 방법 말고 html로 테이블의 틀을 작성했다면, 각 칸들의 값을 어떻게 '칸들'변수에 집어 넣을 수 있을까요? 아래 질문만 답이없어 혹시 못보셨을까 다시 올려봅니다
- 미해결웹 게임을 만들며 배우는 자바스크립트
for문하면 더 간단하게 할 수 있는데 foreach로 보여주신 이유가 무엇인가요???
let arr = Array(45); console.log(arr); for (let i = 0; i < 45; ++i) { arr[i] = i + 1; }