# Amplify

My-world 개발 보고서 : AWS Amplify 배포
AWS Amplify 배포 과정 배포 자동화 구축 1. AWS Amplify > 새 앱 > 웹 앱 호스팅 2. 코드 저장소 선택 2. 권한 부여 AWS amplify의 깃헙에 대한 권한 허용. Authorized AWS amplify(ap-northest-2)

AWS 1달러로 웹서비스 배포기
1달러로 AWS기반의 웹서비스 배포한 배포기에 대해 이야기합니다.이번에 사용하게 된 AWS 서비스는 위와 같다. 1달러 중에서 대부분의 비용이 Route 53과 Secrets Manager에 치중이 되어있다. Secrets Manager를 사용하지 않으면, 코드에 키를

aws amplify 배포 오류
회사에서 aws amplify로 자동배포를 사용하고 있는데 문제가 생겨서 해결 과정을 이력으로 남긴다.문제 상항코드 수정사항을 적용하기 위해 git에 push를 해서 amplify 자동 배포를 진행하였는데, 프로비저닝 > 빌드 하고 배포를 진행하는데 배포가 완료되지 않

[AWS] Amplify 배포 시 env 파일 변수 처리
AppSync의 GraphQL을 리액트 앱에서 직접 생성하지 않고, 콘솔에서 미리 생성해둔 API를 가져다 쓰면서, Amplify로 배포해서 hosting 시에 awsConfig 파일에 AppSync 관련 변수만 생성되지 않았다. (cognito 관련 변수는 생성됨)
React Amplify AppSync GraphQL Query filter
React 앱에서 aws-amplify 라이브러리를 사용해서 AWS AppSync GraphQL을 사용할 때 filtering 하는 방법에 대해서 정리하려고 합니다.아래는 필터링 옵션을 정리해둔 것입니다. less, greater, between은 숫자인 경우에만 가능

AWS amplify 배포하기
Git 리포지토리를 연결해 CI/CD 배포환경을 쉽게 구축할 수 있게 해주는 서비스이다.사내 웹페이지 배포용도 사용하고 있는데 간편한 사용법 덕분에 이번 개인 프로젝트도 amplify로 배포하고 도메인도 적용시켰다.기존에 만들어둔 프론트페이지를 배포하기 위해 웹 앱 호

[Error] Amplify 배포 에러 Cannot find file './aws-exports' in './src'
리액트 앱에서 amplify auth를 추가하고, amplify 를 사용해서 배포하려고 하는데 에러가 발생했다.파일의 경로가 맞는데도 계속 파일을 찾을 수 없다고 에러 메시지가 뜨면서 배포 에러가 발생했다.yml 파일에 amplifyPush —simple 명령어 추가

[Error] Amplify 배포 에러 Could not initialize categories for 'dev': auth headless is missing the following inputParams userPoolId, webClientId, nativeClientId
amplify에서 앱을 배포하려고 하는데, 아래와 같은 에러가 발생했다. 아래의 파라미터가 없다는 메시지였다. Could not initialize categories for 'dev': auth headless is missing the following inputP

SDK 없이 Stripe 구축하기 | React Native with Stripe
Stripe 는 개발자에게 매우 친화적인 PG 기반 핀테크 업체이다. 아직 한국에서는 많이 알려지지 않은 것 같지만, 단순히 PG 를 넘어서, Dashboard 에서 상품등록 까지 할 수 있으므로, 누구나 손쉽게 자신만의 사업(온라인 쇼핑몰)을 구축할 수 있도록 도와

React | Amplify Cognito + Google Social Login 구현하기
이 포스팅은 리액트 앱에서 구글 소셜 로그인을 연동하는 방법에 대해서 설명합니다. 특히, AWS의 Amplify와 Cognito의 User Pool도 함께 사용해서 연동할 예정입니다.구현하고자 하는 바는 리액트 웹 앱에서 구글 로그인 버튼을 클릭하면, 구글 계정을 선택

DataStore error on Android | RN 안드로이드 DataStore 에러
AWS Amplify 는 다양한 기능들을 제공한다.이중에서 DataStore 는 GraphQL API 를 사용하여, amplify server 와 query 를 가능하게 해준다.그러나, React Native 에서 정상적으로 동작하지 않는 버그를 확인하였다.오직, An

React Amplify Deploy Error
기본 배포 yml을 사용했을 경우 에러가 발생했다. 아래는 에러 메시지.예전에 Azure에서 배포했던 yml 파일을 참고해서 변경했다.preBuild 과정에서 command 를 npm ci 에서 npm install로 변경하고,build command에 —if-pres

React app Amplify로 배포하기
React app을 AWS에서 배포하려고 하니 다양한 옵션이 많았다. 고려한 옵션은 총 3가지로1) Cloudfront + S3 + Route532) EC2에서 Nginx로 react 앱 직접 배포3) AWS Amplify 사용이었다.이 중에서 3번 옵션을 선택했는데

amplify-js countryCode 사용
amplify를 사용해서 회원가입을 구현하던 중, 국가 코드를 입력 받고 싶어서 amplify api를 찾다가 발견한 자료.countryCode, label, value로 구성되어 있고 리스트로 되어 있어서 쉽게 사용할 수 있다.출처 : https://aws-

[Cognito + Amplify + React] 회원가입(Sign-in) 구현
⚡ 들어가기 이 포스팅은 Cognito user pool을 생성해두었다는 가정하에 작성했습니다. Amplify UI를 활용해서 쉽게 구현할 수도 있지만, custom 항목을 늘리려고 하니 amplify ui는 custom에 한계를 느껴서 React에서 직접 ui를 작성

Vite React TypeScript PWA 만들기 + AWS Amplify 배포
Vite를 이용한 React, TypeScript 환경 세팅과 PWA(Progressive Web Application) 만들기 + AWS Amplify를 이용한 배포

Amplify bulid error
변경사항을 git repository에 push하고 amplify에서 build를 진행 중에 처음 보는 error가 발생했다DeploymentBucketBlockHTTP (AWS::S3::BucketPolicy)이 S3 bucket 정책이 이미 버킷에 존재한다는 뜻인데