풀 스택 React 애플리케이션 구축

구현

• Amplify CLI 설치

  Amplify CLI(명령줄 인터페이스)는 간단한 안내형 워크플로에 따라 앱을 위한 AWS 클라우드 서비스를 생성하는 통합 도구 체인입니다. 명령 프롬프트(Windows) 또는 터미널(macOS)을 사용하여 Amplify CLI를 설치해보겠습니다. 참고: ‘-g’는 바이너리가 시스템에 전역적으로 설치된다는 것을 나타내므로 명령 프롬프트/터미널의 모든 디렉터리에서 이 명령을 실행할 수 있습니다.

  npm install -g @aws-amplify/cli

  Code snippet copied

  복사
• Amplify CLI 구성

  AWS Identity and Access Management(IAM)를 사용하면 AWS에서 사용자와 사용자 권한을 관리할 수 있습니다. CLI는 IAM을 사용하여 CLI를 통해 사용자를 대신하여 프로그래밍 방식으로 서비스를 생성하고 관리합니다.

  CLI를 구성하려면 구성 명령을 실행합니다. CLI 구성 프로세스에 대한 동영상 설명을 보려면 아래의 AWS Amplify CLI 설치 및 구성을 참조하세요.
  

  amplify configure

  Code snippet copied

  복사
• Amplify 앱 초기화

  다음으로 백엔드를 배포하고 백엔드 환경을 로컬에서 초기화합니다.
  

  a. Amplify 콘솔에서 백엔드 환경을 선택하고 시작하기를 선택합니다. 백엔드가 배포될 때까지 기다립니다.
  

  

  b. 백엔드 환경 탭에서 Studio 시작을 선택합니다.
  

  

  c. 백엔드 환경 탭으로 돌아가 로컬 설정 지침 섹션을 확장합니다. 명령을 클립보드에 복사하고 컴퓨터에서 터미널을 엽니다.

  

  d. 터미널에 명령을 붙여넣고 설정 지침을 따릅니다.

  ? Choose your default editor: Visual Studio Code
  ? Choose the type of app that you're building javascript
  ? What javascript framework are you using react
  ? Source Directory Path:  src 
  ? Distribution Directory Path: build
  ? Build Command:  npm run-script build
  ? Start Command: npm run-script start
  ? Do you plan on modifying this backend? Y
  

  Code snippet copied

  복사