React-Redux Tic-Tac-Toe // + Test-Code
React 자습서 에 내용 中
시간이 더 있거나 새로운 React 기술을 연습하고 싶은 경우
다음과 같이 난이도를 높일 수 있는 틱택토 게임 개선 아이디어를 구현해보세요.
위 내용을 보고, 제공되있던 Tic-Tac-Toe 코드를 React-Redux + Hooks 로 바꾸어 위 기능을 추가하면서
PR 을 연습하며, React App 깃허브 페이지 배포, React-Redux Tic-Tac-Toe 프로젝트를 시작하였습니다.
Class + State 였던 기존 코드를 Hooks + Redux를 적용하여 코드를 수정
Branch를 만들어서 기능을 추가하면서 수정된 코드는 PR 을 통해 Master에 Merge하는 Git Flow 연습
간단한 Unit Test 할 수 있는 테스트 코드 작성
(실수로 Revert 했거나 logo 사진 제거 등 을 제외한 PR 기록)
#0 Redux Tic-Tac-Toe
React 자습서의 Class형 코드를 Hooks 와 Redux를 가미한 코드로 수정하였습니다.
#1 Move Winner State to Redux
승리 판정함수를 Redux 로 이동하여 Store 에서 winner state 를 관리
#2 Plus Position Showed
#4 Focus On Selecting
#8 Draw Judge
#9 Make Toggle Button
#10 Remove Hard Coding
Board 재 작성
#15 Make Test Code
간단한 테스트 코드 작성
https://jhlee225.github.io/tic-tac-toe-redux/ 에서 실행 결과를 확인 할 수 있습니다