웹 게임을 만들며 배우는 자바스크립트

(10개의 수강평)
2813명의 수강생

무료

지식공유자 · 조현영

114회 수업 · 총 22시간 3분 수업

평생 무제한 시청

수료증 미발급 강의

수강 난이도 '초급'

조현영의 다른 강의

연관 로드맵

Redux vs MobX (둘 다 배우자!)

₩23,760 (~~₩29,700~~)

31 0

Vue로 Nodebird SNS 만들기

₩66,000

93 4.8

+ 다른 강의 더보기

Javascript 풀스택 로드맵 (+ 트위터 클론앱 만들기 🐦)

by 인프런

201 40

+ 로드맵 더보기

아무리해도 혼자못하겠는데 어떻게해야하나요 김강산 5일 전

아무리해도혼자 못하겠는데 어떻게해야되나요?

클로저 질문 unknown o 27일 전

for (var i = 0; i < 100; i++) {
  setTimeout(function() {
    console.log(i);
  }, 1000 * i);
}

강의에 나온대로 이렇게 코드를 쓰면 100이 나오는데

for (let i = 0; i < 100; i++) {
  setTimeout(() => {
    console.log(i);
  }, 1000 * i);
}

이렇게 let을 이용하면 1,2,3 이렇게 나오고, 클로저문제가 해결되네요.

이제 var는 거의 안쓰는데 그냥 let으로 클로저문제는 해결해도 되는건가요??

질문있습니다 unknown o 29일 전

tbody.innerHTML = ''

이렇게 하면 실행 누를 때마다 화면은 초기화가 되는데 dataset은 계속 늘어나네요 상관 없는건가요?

질문있습니다 unknown o 29일 전

const dataset = [];
  const tbody = document.querySelector("#table tbody");
  for (let i = 0; i < ver; i++) {
    const arr = [];
    const tr = document.createElement("tr");
    dataset.push(arr);
    for (let j = 0; j < hor; j++) {
      arr.push(1);
      const td = document.createElement("td");
      tr.appendChild(td);
    }
    tbody.appendChild(tr);
  }

이 코드에서 처음 for문이 시작되면 arr은 빈 배열인 상태이고 그 것을 dataset에 넣어 주잖아요.

그리고 다음 for문 으로 넘어가서 arr에 1을 넣어주는데 어떻게 dataset에 들어가 있는 arr에 1을 넣어주게 되는지 궁금합니다.

두 번째, 세 번째 반복문이 돌 때도 arr이 dataset의 몇 번째 arr배열인지 어떻게 알고 1을 넣어주게 되는지 궁금합니다.

전 dataset[i].push(1) 이렇게 해야된다고 생각했었거든요...

score[me]부분 질문 unknown o 1달 전

score[me]에서 score.me라고 안하고 [me]라고 하는 이유가 있나요??

함수 질문 unknown o 1달 전

document.querySelectorAll(".btn").forEach(btn => {
  btn.addEventListener("click", () => {
    console.log(this.textContent);
  });
});

위 코드에서 이벤트 콜백함수를 화살표 함수로 하면 콘솔에 undefined가 뜹니다.

그런데 강의처럼 function()으로 하면 가위, 바위, 보 모두 잘 뜹니다.

둘 다 같은건데 왜 결과가 다른건가요??

setTimeout 질문 unknown o 1달 전

강의 따라하면서 for문 안에 setTimeout을 썼는데 지금은 정상작동을 하는 것 같습니다.

자바스크립트가 업데이트 된 것인가요??

틱택토 질문있습니다. cycy8527 1달 전

왼쪽위에서 대각선 검사할때

가운데 줄과 가운데 칸이 을 빼면 0 이되는데

if문에서 왜 2가 될경우로 조건문을 거나요 ..?

        //대각선 검사(왼쪽 위)
        if(Math.abs(colName - rowName) == 2){
            if(
            allRow[0][2].textContent == x &&
            allRow[1][1].textContent == x &&
            allRow[2][0].textContent == x 
            ){
                console.log('왼쪽 위 완성');
                var full = true;                
            }
       }   

줄 검사할때 질문있습니다. unknown o 1달 전

칸들[줄들][0].textContent === 턴 &&
칸들[줄들][1].textContent === 턴 &&
칸들[줄들][2].textContent === 턴

여기서 줄들이 차례대로 0, 0, 1이라고 해도 성립되는게 아닌가?? 생각했는데 아니네요....

위 코드대로면 줄들이 달라도 가로로 숫자만 같아도 되는거 아닌가요?

예를 들어

[O, 빈칸, O]

[빈칸, O, 빈칸]

[]

이렇게요.

shift,pop,push,unshift 라기 1달 전

숫자야구 강의에서 shift,pop은 처음(숫자1)부터인지 끝(숫자9)부터인지 결정하는거고 push, unshift는 출력순서가 왼쪽부터인지 오른쪽부터인지 결정하는거 아닌가요? 그런데 인터넷 찾아보니까 shift,pop은 배열의 값을 제거하는 함수라고 나와있어서 다른개념 같아서 헷갈립니다.