# Amplify

52개의 포스트
post-thumbnail

My-world 개발 보고서 : AWS Amplify 배포

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

2023년 5월 18일
·
0개의 댓글
·
post-thumbnail

AWS 1달러로 웹서비스 배포기

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

2023년 4월 18일
·
0개의 댓글
·
post-thumbnail

aws amplify 배포 오류

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

2023년 4월 6일
·
0개의 댓글
·
post-thumbnail

Amplify를 활용한 서버리스 웹 어플리케이션 만들기 영상 정리

AWS Amplify에 대해 공부해보았다.

2023년 4월 3일
·
0개의 댓글
·
post-thumbnail

[AWS] Amplify 배포 시 env 파일 변수 처리

AppSync의 GraphQL을 리액트 앱에서 직접 생성하지 않고, 콘솔에서 미리 생성해둔 API를 가져다 쓰면서, Amplify로 배포해서 hosting 시에 awsConfig 파일에 AppSync 관련 변수만 생성되지 않았다. (cognito 관련 변수는 생성됨)

2023년 3월 14일
·
7개의 댓글
·

React Amplify AppSync GraphQL Query filter

React 앱에서 aws-amplify 라이브러리를 사용해서 AWS AppSync GraphQL을 사용할 때 filtering 하는 방법에 대해서 정리하려고 합니다.아래는 필터링 옵션을 정리해둔 것입니다. less, greater, between은 숫자인 경우에만 가능

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

AWS amplify 배포하기

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

2023년 1월 26일
·
0개의 댓글
·
post-thumbnail

우리 팀이 일하는 방식

우리팀은 다음과 같은 구조로 시스템을 구축하고 고객과 협업합니다.

2022년 12월 26일
·
0개의 댓글
·
post-thumbnail

[Error] Amplify 배포 에러 Cannot find file './aws-exports' in './src'

리액트 앱에서 amplify auth를 추가하고, amplify 를 사용해서 배포하려고 하는데 에러가 발생했다.파일의 경로가 맞는데도 계속 파일을 찾을 수 없다고 에러 메시지가 뜨면서 배포 에러가 발생했다.yml 파일에 amplifyPush —simple 명령어 추가

2022년 11월 11일
·
0개의 댓글
·
post-thumbnail

[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

2022년 11월 11일
·
0개의 댓글
·
post-thumbnail

SDK 없이 Stripe 구축하기 | React Native with Stripe

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

2022년 11월 9일
·
0개의 댓글
·
post-thumbnail

React | Amplify Cognito + Google Social Login 구현하기

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

2022년 11월 9일
·
0개의 댓글
·
post-thumbnail

DataStore error on Android | RN 안드로이드 DataStore 에러

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

2022년 11월 1일
·
0개의 댓글
·
post-thumbnail

React Amplify Deploy Error

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

2022년 10월 12일
·
0개의 댓글
·
post-thumbnail

React app Amplify로 배포하기

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

2022년 10월 7일
·
0개의 댓글
·
post-thumbnail

amplify-js countryCode 사용

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

2022년 9월 14일
·
0개의 댓글
·
post-thumbnail

[Cognito + Amplify + React] 회원가입(Sign-in) 구현

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

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

AWS Amplify 배포할 때 webp 이미지가 깨진다면

Amplify 배포할 때 webp 이미지가 깨진다면 이렇게 해결하세요

2022년 8월 22일
·
2개의 댓글
·
post-thumbnail

Vite React TypeScript PWA 만들기 + AWS Amplify 배포

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

2022년 8월 2일
·
0개의 댓글
·
post-thumbnail

Amplify bulid error

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

2022년 6월 21일
·
0개의 댓글
·