<p>저는 코드를 다음과 같이 짰는데요.</p>
<p>제로초님께서 하신 if(몇줄-몇칸 === 0) 과, Math.abs를 사용하신 부분을 제하고, 이런식으로만 코드를 짜도 정상동작하는 것으로 확인되는데, 위 if(몇줄-몇칸===0) 이라는 조건을 주신 이유가 궁금합니다.</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div><span style="color: #6a9955;">//좌상-&gt;우하 대각선 검사</span></div>
<div><span style="color: #c586c0;">if</span>(<span style="color: #9cdcfe;">blanks</span>[<span style="color: #b5cea8;">0</span>][<span style="color: #b5cea8;">0</span>].<span style="color: #9cdcfe;">textContent</span> === <span style="color: #9cdcfe;">turn</span> &amp;&amp;</div>
<div><span style="color: #9cdcfe;">blanks</span>[<span style="color: #b5cea8;">1</span>][<span style="color: #b5cea8;">1</span>].<span style="color: #9cdcfe;">textContent</span> === <span style="color: #9cdcfe;">turn</span> &amp;&amp;</div>
<div><span style="color: #9cdcfe;">blanks</span>[<span style="color: #b5cea8;">2</span>][<span style="color: #b5cea8;">2</span>].<span style="color: #9cdcfe;">textContent</span> === <span style="color: #9cdcfe;">turn</span></div>
<div>){</div>
<div><span style="color: #9cdcfe;">finished</span> = <span style="color: #569cd6;">true</span>;</div>
<div>}</div>
<div><span style="color: #6a9955;">//우상-&gt;좌하 대각선 검사</span></div>
<div><span style="color: #c586c0;">if</span>(<span style="color: #9cdcfe;">blanks</span>[<span style="color: #b5cea8;">0</span>][<span style="color: #b5cea8;">2</span>].<span style="color: #9cdcfe;">textContent</span> === <span style="color: #9cdcfe;">turn</span> &amp;&amp;</div>
<div><span style="color: #9cdcfe;">blanks</span>[<span style="color: #b5cea8;">1</span>][<span style="color: #b5cea8;">1</span>].<span style="color: #9cdcfe;">textContent</span> === <span style="color: #9cdcfe;">turn</span> &amp;&amp;</div>
<div><span style="color: #9cdcfe;">blanks</span>[<span style="color: #b5cea8;">2</span>][<span style="color: #b5cea8;">0</span>].<span style="color: #9cdcfe;">textContent</span> === <span style="color: #9cdcfe;">turn</span></div>
<div>){</div>
<div><span style="color: #9cdcfe;">finished</span> = <span style="color: #569cd6;">true</span>;</div>
<div>}</div>
</div>

<p>이렇게 하셔도 됩니다. 다만 나중에 4x4나&nbsp; 5x5처럼 확장성있게 만들려면 변수나 조건을 주는 게 좋습니다.</p>

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

대각선 검사 부분 질문남깁니다.