소개 

끝없는 튜토리얼의 순환을 멈추고 구축을 시작하세요!

이 과정에서는 React.js, Node.js 및 MongoDB를 사용하여 전체 스택, 프로덕션 준비된 애플리케이션을 빌드하고 배포하는 방법을 안내합니다.

이를 위해 우리는 컴퓨터 과학과 기업가 정신에 초점을 맞춘 인기 있는 링크 애그리 게이터이자 메시지 보드 인 Hacker News의 완전한 복제본을 구축 할 것입니다.

이 과정을 마치면 처음부터 프로덕션에 바로 사용할 수 있는 애플리케이션을 빌드 하고 풀 스택 애플리케이션을 빌드하고 배포하는 방법에 대한 귀중한 지식을 얻게 됩니다.

이것은 이력서에 붙이고 인터뷰에서 논의 할 수 있는 것입니다. 실제 응용 프로그램을 구축 할 수 있는 지식과 주도권이 있음을 입증하면 개발자 작업에 큰 도움이 됩니다.

이 과정에서 구축 할 내용을 간략하게 살펴 보겠습니다.

먼저 사용자를 둘러싼 모든 기능을 만듭니다.

• 새 사용자를 만듭니다.
• 기존 사용자에 로그인합니다.
• 로그인 상태를 유지하도록 사용자를 인증합니다.
• 사용자 계정에서 로그 아웃합니다.
• 사용자의 비밀번호를 재설정 합니다 (사용자가 비밀번호를 잊어 버림).
• 사용자의 비밀번호를 변경합니다.
• 사용자의 계정 정보 (이메일, 설명 등)를 업데이트합니다.

이 기능 세트는 사용자 관련 데이터를 처리하는 모든 애플리케이션에 적용됩니다.

그런 다음 항목 (즉, 링크 또는 제출)과 관련된 모든 기능을 빌드 합니다. 이렇게 하면 사용자가 새 항목을 만들고 제출 한 후 편집 및 삭제하는 방법을 제공합니다. 또한 찬성, 즐겨 찾기 및 항목 숨기기 기능을 만들 것입니다.

또한 획득 한 포인트 수, 생성 날짜, 작성자 등을 기준으로 항목이 나열되는 페이지를 생성합니다. 또한 웹 사이트의 첫 페이지에서 Hacker News가 사용하는 순위 알고리즘을 구현할 것입니다.

항목 기능이 빌드 된 후 주석으로 이동합니다. 사용자는 항목에 대한 댓글을 작성하고 다른 사용자의 댓글에 응답 할 수 있으며 댓글을 제출 한 후 수정 및 삭제할 수 있습니다. 또한 사용자는 찬성, 반대 투표 및 좋아하는 댓글을 작성할 수 있습니다.

이러한 기능을 만들기 위해 사용자 인터페이스 역할을 하는 Next.js 웹 사이트를 모두 만듭니다. 그리고 클라우드의 MongoDB 데이터베이스에 저장된 데이터와 상호 작용하는 Node.js REST API를 만들 것입니다.

그런 다음 Hacker News에서 사용하는 검색 기능을 빌드합니다. 이를 통해 사용자는 웹 사이트에 제출 된 모든 콘텐츠를 검색 할 수 있습니다. 이를 구현하기 위해 Algolia를 사용하여 초고속 검색 색인을 생성합니다.

우리가 만들 마지막 기능 세트는 검토를 위한 것입니다. 이를 통해 중재자는 사용자 차단과 함께 항목과 댓글을 제거 할 수 있습니다 (보기에서 다른 사용자가 볼 수 없도록 제거).

애플리케이션이 빌드되면 웹 사이트와 REST API를 모두 DigitalOcean 서버에 배포합니다. 또한 웹 사이트를 검색 엔진에 색인화하고 Google Analytics를 구성 할 것입니다.

과정을 마치면 Hacker News의 완전한 복제본을 만들 수 있습니다!

빌드 할 작업 버전을 보려면 데모를 확인하세요.

이 과정에서 우리가 구축하는 응용 프로그램은 "Coder News"라고 합니다.

이 과정은 Nick Major가 작성했습니다. 과정과 관련된 질문이나 의견이 있으면 nick@coderrocketfuel.com으로 이메일을 통해 저에게 직접 연락 할 수 있습니다.

https://coderrocketfuel.com/courses/hacker-news-clone/content