인프런 커뮤니티 질문&답변

안녕하세요 제로초님
틱택토 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/