[Socket Omok] 8. 마지막 착수 위치 보여주기

마지막 착수 위치 보여주기

이제 거의 다 왔다.

게임 승리 조건만 구현하고 CSS를 통해 클라이언트 화면만 꾸며주면 끝난다.

 

그 전에 편의성 기능인 마지막 착수 위치 표시 기능부터 만들고 가자.

착수 기록의 마지막 위치에 이전에 만들었던 hint 속성의 돌만 추가하면 되기에 별로 어렵지 않다.

const OmokBoard = ({ takes }) => {
  
  ...

  return (
    <div className="omokboard">
      ...
      
      {takes.length > 0 ? (
        <MemoriedStone
          type={["prev"]}
          x={takes[takes.length - 1].x}
          y={takes[takes.length - 1].y}
        />
      ) : null}
      
      ...
    </div>
  );
};

 

잘 된다.