cs801458j / react-story-game

react based story game

React Story Game

• react web story game project

to-do list

• 스토리 완성

• 로직 완성

• 선택지 모드 디자인

• 이미지 추가

• 모바일 최적화

프로젝트 셋팅 방법

1. npm 설치되어 있는지 확인(설치 되어있지 않았으면 node.js 홈페이지에서 LTS 버전으로 install)
2. 설치 후, 프로젝트 클론
3. 클론된 프로젝트에서 npm install 로 패키지 설치
4. npm install 이후 npm start -> localhost 에서 프로젝트 실행 가능

eslint & prettier 설치

1. 프로젝트 디렉토리 내부에서 설치해준다.

  npm install eslint-plugin-prettier eslint-config-prettier --save-dev

2. 참고: https://dev-yakuza.posstree.com/ko/react/prettier/

• lint 규칙은 아직 정리된게 아니라 상의를 통해 규칙 추가하면 됩니다.

netlify 배포

netlify 참고 사항들

• netlify 배포 팁: https://hshine1226.medium.com/netlify%EB%A5%BC-%ED%86%B5%ED%95%B4%EC%84%9C-static-react-app-%EB%B0%B0%ED%8F%AC%ED%95%B4%EB%B3%B4%EA%B8%B0-bd0a574c8c08
• legacy-peer-deps:
• Page not found error: https://soso-cod3v.tistory.com/142
• page not found error2: https://velog.io/@zmin9/React-Router-%EC%82%AC%EC%9A%A9%ED%95%9C-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-Netlify%EB%A1%9C-%EB%B0%B0%ED%8F%AC%ED%95%A0-%EB%95%8C-404-page-not-found

GA (Google Analytics) 설정

• id만 발급 받음 ... 설치만 함
• 방문자수 보여주기 참고 (https://velog.io/@winethaysay/%EB%82%B4-%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%B0%A9%EB%AC%B8%EC%9E%90-%EC%88%98-%EB%B3%B4%EC%97%AC%EC%A3%BC%EA%B8%B0)