fds11 / fds-snake-game

FDS Snake 게임 실습

이 프로젝트는 뱀 게임의 로직을 쉽게 구현해볼 수 있도록, 기반 코드를 미리 작성해 놓은 템플릿 프로젝트입니다.

• 필요한 도구를 설치한 후 프로젝트를 실행시키세요.
• 게임 상에서 화살표 키를 누르며 개발자 도구 콘솔의 출력 결과를 관찰해보세요.
• src 폴더 아래에 SnakeGameLogic.js 파일을 편집하며 변화를 관찰해보세요.
• 뱀 게임이 제대로 동작할 수 있도록 SnakeGameLogic 생성자의 내부를 채워보세요.
• config.js 설정 파일을 편집해보세요.

Node 설치

• 버전 매니저 설치
  • Windows - nvm-windows
  • macOS - nvm (설치 후 터미널 재시작)
• 아래 명령을 차례대로 실행
  • nvm install 8.11.1
  • nvm use 8.11.1

지금 당장 필요하지는 않으나 나중에 필요해질 수 있으므로 아래 도구들을 미리 설치하는 것이 좋습니다.

• Windows - windows-build-tools
• macOS - 터미널에서 xcode-select --install 실행

프로젝트 명령

• 프로젝트 의존성 설치
  • npm install
• 프로젝트 실행
  • npm start
• 프로젝트 빌드
  • npm run build

배포

Netlify의 자동 배포 기능을 활용해 쉽게 배포를 할 수 있습니다.

1. Netlify에 로그인한 후, 메인 페이지의 New site from Git 버튼을 눌러 Github 저장소를 연결하세요.
2. 빌드 설정의 'build command' 필드에는 npm run build를, 'publish directory' 필드에는 dist를 입력하세요.