qwui1

<p>확인을 해보니 reducers/post.js의 dummyPost부분에서 id에&nbsp; shortId.generate(), 를 적용시켰을때 경고 메세지가 뜨는 것 같습니다. id: 2, 처럼 숫자로 지정하면 경고메세지가 나오지 않습니다.</p>
<p>해결방법이 따로 있을까요 아니면 그냥 넘어가도 될만한 부분일까요?</p>

경고메세지 질문있습니다.

<p>if (turn === 'X') {</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; clickable = false;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; setTimeout(() => {</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="background-color: #e03e2d;">const emptyCells = rows.flat().filter((v) => !v.textContent);</span></p>
<p><span style="background-color: #e03e2d;"><span style="background-color: #ffffff;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];</span></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;randomCell.textContent = 'X';</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;checkWinnerAndDraw<span style="background-color: #e03e2d;">(event.target)</span>;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;clickable = true;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; }, 1000);</p>
<p>&nbsp; &nbsp; &nbsp;}</p>
<p>보여주신 코드와 비교했을 때 표시한 부분이 달라서 정상적으로 작동하지 않았습니다. 가장 큰 원인은 event.target을 randomCell로 바꾸지 않은 부분인 듯합니다.&nbsp;</p>
<p>강의에서는 위의 코드로 마무리 되어 제가 놓친 것 같습니다. 감사합니다.</p>

9강 컴퓨터의 턴 버그 질문

<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;">아래의 코드를 추가하여 원하는 결과는 얻어내었습니다. (2021-10-27)</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="color: #0000ff;">const</span> <span style="color: #0070c1;">onClickNumber</span> = (<span style="color: #001080;">event</span>) <span style="color: #0000ff;">=></span> {</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="color: #af00db;"> if</span> (!<span style="color: #001080;">operator</span>) {</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="color: #001080;"> numOne</span> += <span style="color: #001080;">event</span>.<span style="color: #001080;">target</span>.<span style="color: #001080;">textContent</span>;</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="color: #0070c1;"> $result</span>.<span style="color: #001080;">value</span> += <span style="color: #001080;">event</span>.<span style="color: #001080;">target</span>.<span style="color: #001080;">textContent</span>;</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="color: #af00db;"> return</span>;</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;">}</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="background-color: #fbeeb8;"> <span style="color: #af00db;">if</span> (!<span style="color: #001080;">numOne</span>) {</span></div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="background-color: #fbeeb8;"> <span style="color: #001080;">numOne</span> += <span style="color: #001080;">event</span>.<span style="color: #001080;">target</span>.<span style="color: #001080;">textContent</span> * -<span style="color: #098658;">1</span>;</span></div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="background-color: #fbeeb8;"> <span style="color: #0070c1;">$result</span>.<span style="color: #001080;">value</span> += <span style="color: #001080;">event</span>.<span style="color: #001080;">target</span>.<span style="color: #001080;">textContent</span> * -<span style="color: #098658;">1</span>;</span></div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="background-color: #fbeeb8;"> <span style="color: #001080;">operator</span> = <span style="color: #a31515;">''</span>;</span></div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="background-color: #fbeeb8;"> <span style="color: #0070c1;">$operator</span>.<span style="color: #001080;">value</span> = <span style="color: #a31515;">''</span>;</span></div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="background-color: #fbeeb8;"> <span style="color: #af00db;">return</span>;</span></div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="background-color: #fbeeb8;"> }</span></div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="color: #af00db;"> if</span> (!<span style="color: #001080;">numTwo</span>) {</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="color: #0070c1;"> $result</span>.<span style="color: #001080;">value</span> = <span style="color: #a31515;">''</span>;</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;">}</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="color: #001080;"> numTwo</span> += <span style="color: #001080;">event</span>.<span style="color: #001080;">target</span>.<span style="color: #001080;">textContent</span>;</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;"><span style="color: #0070c1;"> $result</span>.<span style="color: #001080;">value</span> += <span style="color: #001080;">event</span>.<span style="color: #001080;">target</span>.<span style="color: #001080;">textContent</span>;</div>
<div style="font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; white-space: pre;">};</div>

qwui1

Posts