game hub

게임허브

GameHub는 플레이할 새롭고 흥미로운 게임을 찾는 데 도움이 되는 비디오 게임 검색 웹 앱입니다. GameHub를 사용하면 플랫폼, 장르 등을 기준으로 게임을 검색할 수 있습니다.

이것은 우리가 Ultimate React 과정에서 구축한 프로젝트입니다. 전체 과정은 https://codewithmosh.com에서 확인할 수 있습니다.

시작하기

GameHub를 시작하려면 다음 단계를 따르세요.

1. 이 저장소를 로컬 머신에 복제하세요.
2. npm install 실행하여 필요한 종속성을 설치합니다.
3. https://rawg.io/apidocs에서 RAWG API 키를 받으세요. 먼저 계정을 만들어야 합니다.
4. src/services/api-client.ts 에 API 키를 추가하세요.
5. npm run dev 실행하여 웹 서버를 시작합니다.

코스 소개

나는 능숙한 React 개발자가 되기 위해 알아야 할 모든 것을 가르치기 위해 이 과정을 설계했습니다. 이 과정은 기본 사항을 다루는 두 부분으로 구성된 시리즈의 첫 번째 부분입니다. 다음 방법을 배우게 됩니다.

• React 및 TypeScript를 사용하여 프런트엔드 앱 구축
• 재사용 가능한 함수 구성요소 구축
• 바닐라 CSS, CSS 모듈 및 CSS-in-JS를 사용하여 구성 요소 스타일 지정
• 구성요소 상태 관리
• React Hook Forms를 사용하여 양식 작성
• Zod를 사용하여 양식 유효성 검사 구현
• React 앱을 백엔드에 연결
• React 앱 배포
• VSCode 단축키를 사용하여 생산성 향상
• 전문가처럼 깔끔한 코드 작성
• 모범 사례 적용

이 과정을 마치면 React에 대해 확실히 이해하고 React 및 TypeScript를 사용하여 실제 애플리케이션을 구축할 수 있게 됩니다.

전체 과정은 https://codewithmosh.com에서 확인할 수 있습니다.