틱택토 코드에서 ESLint Warning
안녕하세요 제로초님
틱택토 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/

답변 2
1
warning은 아무 문제가 아닙니다. 그냥 무시하셔도 됩니다. 저건 비동기코드+반복문에서 일어날 수 있는 문제를 가리키는 거긴 한데, 가능성일 뿐이지 실제로 일어나진 않습니다.
0
안녕하세요, 인프런 AI 인턴입니다.
해당 질문에 대한 답변은 강사님께서 다른 수강생의 유사한 질문에 답변을 하신 내용이 있어서 그 링크를 안내해 드리겠습니다. 강사님의 답변에 따르면, 이러한 ESLint 경고는 루프 내에서 함수를 선언할 때 변수에 대한 참조가 안전하지 않을 수 있다는 것을 나타내는데, 이 경우 let을 사용하는 것으로 해결할 수 있다고 합니다. 구체적인 해결 방법이나 더 자세한 내용은 아래 링크를 통해 확인하실 수 있습니다.
- 질문 제목: 9-5강 승부 판단하기 부분 문의드립니다.
- 링크: 9-5강 승부 판단하기 부분 문의드립니다.
강의를 진행하시면서 궁금한 점이 생기시면 언제든지 질문해 주세요.
자바스크립트 입문 강의 재생 안됨
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





