inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

이차원 배열 다루기

틱택토 코드에서 ESLint Warning

해결된 질문

556

루룸

작성한 질문수 16

0

안녕하세요 제로초님
틱택토 2강 중에 클릭 이벤트 부분 진행 중 질문 드립니다

저는 https://playcode.io/ 라는 온라인 에디터에서 공부 중인데요 여기 환경에서 ESLint Warning 이 떠서 문의드립니다.

const elemTable = document.createElement('table');
let turn = 'O';
for (let i = 0; i < 3; i++) {
  const elemTr = document.createElement('tr');
  for (let i = 0; i < 3; i++) {
    const elemTd = document.createElement('td');
    elemTd.addEventListener('click', (e) => { // ESLint Warning
      if (e.currentTarget.textContent) return; // ESLint Warning
      e.currentTarget.textContent = turn; // ESLint Warning
      turn === 'O' ? turn = 'X' : turn = 'O'; // ESLint Warning
    }) // ESLint Warning
    elemTr.insertAdjacentElement('beforeend', elemTd);
  }
  elemTable.insertAdjacentElement('beforeend', elemTr);
}
document.body.insertAdjacentElement('afterbegin', elemTable);

'Function declared in a loop contains unsafe references to variable'
-> 루프에서 선언된 함수에 변수에 대한 안전하지 않은 참조가 포함된다.

라는 내용이라고 하는데 위 내용을 구글링 해보면 반복분 for에서 var 대신 let은 쓰면 해결된다는 내용뿐이라(이미 let 사용중) 어떤 부분이 원인인지 잘 모르겠어서요. 코드는 잘 실행됩니다

저는 삼항연산자를 썼지만 강의 내용대로 if문을 써도 동일한 ESLint Warning이 나오고 있습니다.

배포된 페이지도 공유드립니다.
https://1710512.playcode.io/

javascript

답변 2

1

제로초(조현영)

warning은 아무 문제가 아닙니다. 그냥 무시하셔도 됩니다. 저건 비동기코드+반복문에서 일어날 수 있는 문제를 가리키는 거긴 한데, 가능성일 뿐이지 실제로 일어나진 않습니다.

0

루룸

늦은 시간에도 답변주셔셔 감사합니다~!

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

해당 질문에 대한 답변은 강사님께서 다른 수강생의 유사한 질문에 답변을 하신 내용이 있어서 그 링크를 안내해 드리겠습니다. 강사님의 답변에 따르면, 이러한 ESLint 경고는 루프 내에서 함수를 선언할 때 변수에 대한 참조가 안전하지 않을 수 있다는 것을 나타내는데, 이 경우 let을 사용하는 것으로 해결할 수 있다고 합니다. 구체적인 해결 방법이나 더 자세한 내용은 아래 링크를 통해 확인하실 수 있습니다.

강의를 진행하시면서 궁금한 점이 생기시면 언제든지 질문해 주세요.

자바스크립트 입문 강의 재생 안됨

0

76

2

쿵쿵따 조건문 질문입니다.

0

72

2

렛츠가릿 자바스트립트와 공유가 되나요

0

77

1

수강을 하기 전 공부순서에 관한 질문이 있습니다.

1

100

2

안녕하세요

0

101

2

1~45 필터링하는 코드에서 find대신 some써주는게 나을거같습니다.

1

76

2

고차 함수 작성법과 수업 진도 관련한 질문

0

82

3

break와 continue 9:55 내 continue 구문 질문

0

153

2

옵셔널 체이닝 적당한 깊이는 어느 정도인가요?

0

121

2

로또 추첨기 중 입력값을 검사할 때

0

136

2

2-14.else,else if,switch 관련 질문입니다.

0

109

2

가위바위보 이미지(rsp.png)가 안보여요

0

264

3

Math.random() 에 9을 곱하는 이유

0

174

4

클로저 관련해서 질문있습니다.

1

188

2

유튜브 댓글 보고 왔습니다!- 퀴즈 중복된 숫자 검사 for 문

0

246

1

event.target.textContent관련 질문

0

273

2

객체 참조 관련 질문

0

179

1

-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기

0

464

1

별찍기 마름모 문제입니다.

0

351

2

숙제 질문

0

217

1

5강 async/await으로 가독성 높이기에서

0

231

1

야구게임 관련 질문입니다

0

186

1

쿵쿵따, 계산기에서 변수 선언

0

181

1

지뢰 힌트 사라짐(대괄호)

0

167

1