분류 Reactjs

AWS, React 및 Stripe를 사용하여 하루 만에 온라인 상점을 만드는 방법

컨텐츠 정보

  • 조회 293 (작성일 )

본문

하나의 특정 기술을 다루는 많은 자습서가 있지만 모든 기술이 어떻게 결합되는지 파악하기 어려울 수 있습니다. 

우리는 freeCodeCamp.org YouTube 채널에 온라인 상점을 구축하는 데 처음부터 끝까지 안내 할 비디오를 게시했습니다.


이 과정에서 Manoj Fernando는 AWS, React 및 Stripe를 사용하여 서점을 구축하는 방법을 보여줍니다. 

이 프로젝트는 Amplify, AppSync, DynamoDB, S3, AWS 및 React Hooks의 Lambda 서비스와 ReactJS의 Context API를 사용합니다. 이러한 모든 기술이 어떻게 함께 작동하는지 배우게 됩니다.


AppSnyc API를 GraphQL API로 생성하고 책 이미지를 저장할 S3 버킷을 생성하는 방법을 배웁니다. Manoj는 React 코드의 모든 줄을 다루지는 않지만 React에서 AWS에 연결하는 데 중점을 둡니다. 

그는 또한 프로젝트를 생성하는 데 필요한 다양한 데이터베이스 관계와 다양한 권한 수준을 구현하는 방법을 다룹니다. 마지막으로 그는 결제 처리를 통해 결제 페이지를 만드는 방법을 보여줍니다. 사용 된 모든 코드가 포함되어 있습니다.


이 과정에서 다루는 주제는 다음과 같습니다.


  • Product Demo
  • Architecture Diagram Discussion
  • Setting up the Project
  • Initializing an Amplify Project
  • Adding Authentication with Cognito
  • Create an S3 Bucket to Store Images
  • Create Lambda Functions to Process Order (Pipeline Resolver)
  • Creating Cloud Resources
  • Processing Book Orders
  • Running the Application
  • Connecting to Cloud Resources from React App
  • Verifying Customer Orders
  • Hosting the Site on S3

freeCodeCamp.org YouTube 채널에서 전체 동영상을 시청하세요 (1 시간 시청).