댓글 검색 목록

[Nodejs] 2021 년에 만들어야 할 7 가지 풀 스택 프로젝트

페이지 정보

작성자 운영자 작성일 21-01-15 09:56 조회 656 댓글 0

어떤 풀 스택 프로젝트를 만들어야 합니까? 이러한 질문을 계속 스스로에게 묻는다면 올바른 위치에 있는 것입니다. 저는 2021 년에 만들어야 하는 7 개의 풀 스택 프로젝트 목록을 큐레이팅 했습니다. 바로 시작해 보겠습니다!


https://dev.to/hb/7-fullstack-projects-you-need-to-make-in-2021-bdn


E-commerce Site 


전자 상거래 사이트는 사용자가 상품 (예 : Amazon, eBay 등)을 구매할 수 있는 사이트입니다. 전자 상거래 사이트를 만들면 보안, CRUD, 데이터베이스, 프런트 엔드 프레임 워크, 상태 관리 등 API 및 웹 사이트를 만드는 모든 부분에 대해 배울 수 있습니다. 이것은 풀 스택 웹 개발을 마스터하려는 사람을 위한 완벽한 프로젝트입니다.


기술 스택은 다음과 같습니다.

  • Svelte
  • Node.js + Express
  • Typescript
  • PostgreSQL

Tutorial (도움이 필요한 경우)


Social Media App 


소셜 미디어 앱은 사용자가 온라인 (예 : Instagram, Twitter, Facebook 등)과 상호 작용할 수 있는 앱입니다. 소셜 미디어 앱을 구축하는 것은 성능, 보안 및 앱 모양의 우선 순위를 지정하여 사용자를 위한 매력적인 플랫폼을 만드는 방법을 마스터하는 완벽한 방법입니다.


기술 스택은 다음과 같습니다.

  • Flutter
  • Node.js + Express
  • MongoDB

Tutorial (도움이 필요한 경우)


Blog Site 


dev.to와 같은 블로그 사이트를 구축하세요! 사용자가 자신의 지식을 다른 사람과 공유 할 수 있는 사이트를 만듭니다. 이를 통해 콘텐츠 관리, API 구축, CRUD 등에 대해 배울 수 있습니다.


기술 스택은 다음과 같습니다.

  • Next.js
  • Chakra UI + Tailwind CSS
  • Node.js + Express
  • PostgreSQL
  • Redis

Tutorial (도움이 필요한 경우)


Todo List 


Todo List는 고전적인 풀 스택 프로젝트입니다. 이 프로젝트는 이 목록에서 가장 초보자 친화적입니다. 사용자가 로그인하고 목록 형식으로 할 일 항목을 추가 및 제거 할 수 있는 사이트를 만듭니다. 이 프로젝트는 인증, CRUD, 데이터베이스 등에 대해 알려줍니다.


기술 스택은 다음과 같습니다.

  • Svelte
  • Flask
  • PostgreSQL

Tutorial (도움이 필요한 경우)


Workout Tracker 


이 프로젝트는 이 목록에서 제가 가장 좋아하는 프로젝트 중 하나입니다. 사용자가 완료 한 운동을 저장할 수 있는 앱을 만듭니다. 이것은 인증, 보안, CRUD, 프론트 엔드 프레임 워크 등 일반적인 풀 스택 개발에 대해 알려줍니다.


기술 스택은 다음과 같습니다.

  • Vue.js
  • Django
  • Mongo DB

Tutorial (도움이 필요한 경우)


Chat App 


이것은 오늘날 모두가 이야기하고 있는 풀 스택 프로젝트입니다. 이 프로젝트의 경우 사용자가 그룹에서 비공개로 채팅하고 채팅 할 수 있는 웹 사이트를 만듭니다. 이 프로젝트는 실시간 데이터 전송, 프런트 엔드 프레임 워크, 인증, 보안 등을 알려줍니다.


기술 스택은 다음과 같습니다.

  • React.js
  • Firebase + Firestore

Tutorial (도움이 필요한 경우)


Zoom Clone 


Zoom은 2020 년에 모두를 폭풍으로 몰아 넣었습니다. 제가 아는 모든 사람들은 직장, 학교, 사교 활동, 운동 등 삶의 모든 것에 Zoom을 사용하고 있습니다! 문제는 다음과 같습니다. 사용자가 웹캠을 사용하여 채팅 할 수 있는 "Zoom Clone"을 만듭니다. 초보자에게 꼭 이 프로젝트를 추천합니다.


기술 스택은 다음과 같습니다.

  • WebRTC
  • socket.io

Tutorial (도움이 필요한 경우)



댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.