고양이 게임 세팅

게임 기획

해당 시간 안에 위에서 아래로 떨어 지는 고양이 클릭 하여
점수를 많이 얻는 게임
시간이 다 지면 게임 오버 화면이 뜬다

화면

• 첫 시작화면
• 게임화면
• 게임 끝 화면

vite

npm create vite@latest 
- 프로젝트 이름
- 리액트 선택
- 타입스트랩트 선택

tailwindcss

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

tailwind.config.js와 postcss.config.js 설치됨

module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
};

Cannot find name 'module'. Do you need to install type definitions for node? Try npm i --save-dev @types/node.ts(2580)
타입스크립트가 module을 못 읽는 에러가 남

npm install --save-dev @types/node
설치

라우터 설치

npm install react-router-dom

파이어베이스 연동

npm install firebase        

연동 이유 파이어베이스의 스토리지에 등록된 이미지 가져 오기 위해서

실행

npm run dev