023017c897cf82ba0c502d6f8349154c623787da
리액트 튜토리얼 : 택택토 만들기
# 위 제목을 클릭하면 튜토리얼 페이지로 이동합니다.
git clone https://gitea.rsonesoft.com/officer/react_tutorial.git
cd react_tutorial
npm install
npm start
Compiled successfully!
You can now view react.tictactoe in the browser.
Local: http://localhost:3000
On Your Network: http://192.168.56.1:3000
Note that the development build is not optimized.
To create a production build, use npm run build.
webpack compiled successfully
개선 과제
- 현재 이동에 대해서만 버튼 대신 “당신은 #번째 순서에 있습니다…”를 표시해 보세요.
- Board를 하드 코딩 하는 대신 두 개의 루프를 사용하여 사각형을 만들도록 다시 작성해 보세요.
- 동작을 오름차순 또는 내림차순으로 정렬할 수 있는 토글 버튼을 추가해 보세요.
- 누군가 승리하면 승리의 원인이 된 세 개의 사각형을 강조 표시해 보세요. (아무도 승리하지 않으면 무승부라는 메시지를 표시하세요. )
- 이동 히스토리 목록에서 각 이동의 위치를 형식(열, 행)으로 표시해 보세요.
Description
Languages
JavaScript
79.1%
CSS
17.3%
HTML
3.6%
