이 저장소에는 실시간 웹소켓 기반(원하는 대로 다른 하이픈 용어 추가) 순위 선택 투표 앱을 구축하는 방법에 대한 내 Ranker Youtube 튜토리얼의 프로젝트 코드가 포함되어 있습니다!
여러분과 여러분의 친구들이 외출에 대한 의욕이 완전히 사라질 정도로 많은 시간을 허비하지 않고 보고 싶은 영화, 휴가지, 식사 장소를 선택하는 데 도움이 되기를 바랍니다!
관심이 있는지 확인하려면 애플리케이션 개요를 확인하세요!
이 프로젝트에는 튜토리얼 시작 부분부터 따라하는 데 사용할 수 있는 starter 브랜치가 포함되어 있습니다. 스타터 브랜치를 복제하거나 degit과 같은 도구를 사용하여 기록 없이 저장소의 복사본을 얻을 수 있습니다.
npx degit https://github.com/JacobSNGoodwin/ranker-course.git#starter 이 저장소에는 각 튜토리얼에 대한 분기도 포함됩니다. 따라서 과정의 후반부에 참여하려면 해당 분기를 복제하거나 위와 같이 degit 사용하되 다음과 같이 starter를 분기 이름으로 바꿀 수 있습니다.
npx degit https://github.com/JacobSNGoodwin/ranker-course.git#{branch}애플리케이션을 실행하려면 몇 가지 필수 도구를 설치해야 합니다.
먼저 docker-compose 명령을 실행할 수 있어야 합니다. Docker Desktop과 함께 Docker를 설치할 수 있다면 이것이 아마도 가장 쉬운 솔루션일 것입니다.
둘째, 클라이언트와 서버 애플리케이션 모두에 NodeJS가 필요합니다. nvm 또는 nvm-windows를 사용하고 프로젝트 루트의 .nvmrc 파일에 있는 것과 동일한 버전의 노드를 사용하는 것이 좋습니다. 프로젝트 루트에서 nvm use 실행하여 나와 동일한 버전의 노드를 사용하고 있는지 확인할 수 있습니다.
모든 것이 설치되고 Docker가 컴퓨터에서 실행되면 프로젝트 루트에서 다음을 실행하여 redis-json , 백엔드 Nest JS 애플리케이션 및 프런트엔드 반응 애플리케이션을 실행하는 Docker 컨테이너를 시작할 수 있습니다.
npm run start 프로젝트 루트의 package.json 파일과 해당 npm 스크립트는 기본적으로 모든 애플리케이션과 데이터베이스를 한 번에 실행하는 편의를 위한 것입니다.
각 프로젝트의 package.json 파일 내에서 적절한 npm 스크립트를 실행하여 이러한 애플리케이션을 별도로 실행할 수도 있습니다.
이 저장소에는 각 비디오 강의에 대한 문서가 들어 있는 튜토리얼 폴더가 포함되어 있습니다. 이 문서는 잘 작성되고 철저한 문서가 아닙니다. 그러나 여기에는 코드 조각과 이미지가 포함된 비디오를 만드는 데 사용하는 스크립트 또는 메모가 보관됩니다. 따라서 이러한 문서는 일부 코드를 복사하여 붙여넣거나 비디오의 내용을 보다 효율적인 방식으로 검토하는 데 유용할 수 있습니다.
아니면 동영상을 모두 건너뛰세요. 내가 돈 때문에 이 일을 하는 것은 아닙니다(물론 막대한 돈을 보내거나 수익성이 좋은 일자리를 제안해도 괜찮습니다). 틈새 시장에 긴 비디오 튜토리얼을 만드는 것은 결코 많은 시청률을 얻지 못할 것입니다. 그것이 제가 원하는 것이라면 일반 정보 비디오나 집중 강좌를 제작할 것입니다.
