리액트로 만드는 스도쿠

개요

평소 즐겨하는 스도쿠 게임을 따라 만들어보는 프로젝트입니다.

Thanks to berto's Sudoku API

미리보기

https://react-sudoku.hw0k.now.sh

과정

• 기본 과정
  1. API를 사용하여 스도쿠 서비스 만들기
  2. Redux 스토어 만들기
  3. 스도쿠 서비스를 이용하는 사가 만들기
  4. 컴포넌트 만들기
  5. 스도쿠 진행 로직 만들기
  6. 배포하기
• 추가 과정
  1. API를 제거하고 순수 만든 스도쿠 로직으로 변경
  2. 스도쿠 로직 서버로 옮기기
  3. 랭킹 시스템 만들기
  4. 일일 스도쿠 만들기
  5. 랜딩 페이지 서버사이드 렌더링하기
  6. 새로 배포하기

개발 스택

• TypeScript
• React
• React Router
• Redux
• Redux-saga
• Immer
• Styled Components

개발 일지

아래 링크는 Medium Friends Link이므로 읽기 제한에 걸리지 않고 무제한으로 열람하실 수 있습니다 :)

1. 만들기 전
2. 프로젝트 준비하기
3. 스도쿠 서비스 만들기
4. Redux 스토어 만들기
5. 스도쿠 서비스를 이용하는 사가 만들기
6. 컴포넌트 만들기
7. 게임 로직 담기 & 배포하기
8. 중간 회고