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

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

(10개의 수강평)

2813명의 수강생
무료
지식공유자 · 조현영
114회 수업 · 총 22시간 3분 수업
평생 무제한 시청
수료증 미발급 강의
수강 난이도 '초급'
김강산 프로필

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

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

1
unknown o 프로필

클로저 질문 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으로 클로저문제는 해결해도 되는건가요??

1
unknown o 프로필

질문있습니다 unknown o 29일 전

tbody.innerHTML = ''

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

1
unknown o 프로필

질문있습니다 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) 이렇게 해야된다고 생각했었거든요...

1
unknown o 프로필

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

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

1
unknown o 프로필

함수 질문 unknown o 1달 전

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

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

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

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

1
unknown o 프로필

setTimeout 질문 unknown o 1달 전

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

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

4
cycy8527 프로필

틱택토 질문있습니다. 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;                
            }
       }   

1
unknown o 프로필

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

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

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

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

예를 들어

[O, 빈칸, O]

[빈칸, O, 빈칸]

[]

이렇게요.

1
라기 프로필

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

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

1
JY C 프로필

네이버 클론 html css강좌도 인프런에 올라오나요? JY C 1달 전

안녕하세요 조선생님
네이버 클론 html css강좌도 인프런에 올라오나요?
올라온다면 일정 간략히 여쭤봐도 될까요?

1
루랄랄 프로필

prompt(word) 루랄랄 1달 전

prompt(word)에 입력받으면 word값이 바껴야하는게 아닌가요??????????? 

2
부권남 프로필

2048 초기화 부분 질문입니다. 부권남 2달 전

첫번째 forEach문의 데이터.push(열데이터)를 보면 열데이터는 아직 텅빈 배열인데

왜 결과는 두번째 forEach문이 적용된 [0,0,0,0]의 열데이터가 들어가는거죠?

혹시 호이스팅이나 스코프 문제인가요?

3
Youngbo Shim 프로필

2-1에 다른 영상이 연결돼 있습니다. Youngbo Shim 2달 전

2-1에 다른 영상이 연결돼 있으니 수정해 주세요.

1
라기 프로필

false == 'false' 가 false인 이유 라기 2달 전

false == 'false' 가 왜 false인가요?

==는 데이터 타입 말고 값만 비교하는거 아닌가요?

2
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스