podcastrnext
1.0.0
소개 | 기능 | 사용 된 기술 및 도구 | 레이아웃 | 설치 및 실행 | 기여하는 방법 | 연락처 | 특허
Podcast는 RocketSeat 에서 제작 한 온라인 이벤트 인 New Edition React Track의 New Edition React 트랙에서 개발 된 프로젝트입니다.
이것은 사용자가 좋아하는 팟 캐스트를 듣고 최신 릴리스를보고 현재 듣고있는 팟 캐스트에서 더 많은 정보를 얻을 수있는 웹 응용 프로그램입니다.
이 프로젝트는 오디오 플레이어의 개발을 위해 HTML5 API를 사용하여 사용자가 플레이하는 오디오를 조작하고 플레이어의 이벤트 및 상태를 조작하기 때문에 개발하기가 매우 흥미로 웠습니다. 또한 SSR (Server Side Rendering)으로 웹 애플리케이션을 생성 할 수있는 프레임 워크 반응 인 Next.js에 대해 자세히 알아볼 수있었습니다.
이 프로젝트는 다음과 같은 기술과 도구로 개발되었습니다.
React : 웹 페이지에서 사용자 인터페이스를 만드는 데 중점을 둔 오픈 소스 JavaScript 라이브러리. Facebook, Instagram, 기타 회사 및 개별 개발자 커뮤니티에 의해 유지됩니다. Netflix, Imgur, Feedly, Airbnb, Seatgeek, HelloSign, Walmart 등에 사용됩니다.
Next.js : SSR (Server-Side Rendering) 및 SSG (정적 사이트 생성)와 같은 React에 새로운 기능을 추가하는 프론트 엔드 웹 개발 프레임 워크. 우리는 성능 최적화와 검색 엔진 (SEO- 검색 엔진 최적화)의 더 나은 인덱싱에 대한이 도구 사고를 사용합니다.
TypeScript : 클래스, 인터페이스 및 선택적 정적 타이핑을 제공하는 슈퍼 JavaScript 언어 세트. 웹 프론트 랜드의 React와 함께 사용;
SASS : 기존 CSS 구문을 확장하는 CSS 사전 프로세서로 스타일 잎에보다 전문적이고 역동적 인 제어를 제공합니다.
Axios : 요청을 내릴 약속을 기반으로 한 HTTP 클라이언트입니다.
GIT : 가장 널리 사용되는 오픈 소스 제어 시스템;
Visual Studio Code : Windows, Linux 및 MacOS 용 Microsoft가 개발 한 소스 코드 편집기는 웹 응용 프로그램 개발에 권장됩니다.
Podcast Application Screens 레이아웃은 UI 설계 (사용자 인터페이스 설계) 에 중점을 둔 프로토 타이핑 소프트웨어 인 Figma Online 도구를 통해 RocketSeat 팀이 개발했습니다. 이 링크를 통해 레이아웃에 액세스 할 수 있습니다 : Podcast .
컴퓨터에서 프로젝트 소스를 다운로드하려면 먼저 GIT를 설치해야합니다.
GIT가 설치된 상태에서 터미널에서 다음 명령을 실행합니다.
git clone https://github.com/mathrb22/podcastrnext.git구내를 설치하고 프로젝트를 실행하려면 NPM과 함께 Node.js 를 설치해야합니다. 설치된 상태 :
프로젝트 시설 설치 :
npm install프로젝트 실행 :
npm run dev
# ou
yarn dev
git checkout -b minha-feature ;git commit -m 'feat: Minha nova feature' ;git push origin minha-feature ;풀 요청은 항상 환영합니다. 질문이나 제안이 있으시면 문제를 만들거나 저에게 연락하십시오.
이메일 또는 내 링크드 인으로 저에게 연락하십시오.
이 프로젝트는 MIT 라이센스에 따라 있습니다. 자세한 내용은 라이센스 파일을 참조하십시오.
