AWS Amplify + 리액트 연습 [비트코인 현재가 프로젝트]

 

 

AWS에 익숙해지고 싶을 때 접근하기 좋은 AWS Amplify의 연습을 다시 시작했다. 

 

 

비트코인의 현재 가격을 미국 동부 시간(EST)와 한국 시간(KST)로 보여주는 연습용 웹사이트이다. 오늘은 업데이트된 코드를 다시 복습했다. 

 

연습용 웹사이트 링크: https://bitplot.d2zlom88f9f14y.amplifyapp.com/

비트코인 현재 가격만 현재 나오고 있는데,

유저가 (가입 후) 본인이 구매했던 가격과 구매 시점을 입력하면, 수익률을 계산해주는 계산기를 만들어볼까 생각중이다. 

 

웹사이트 키면 나오는 화면.

 

비트코인은 관련 API가 찾기 쉬워서 했는데, 나중에는 본인이 구매한 미국 주식, 매도한 미국 주식 등을 입력하면 간단하게 계산해주는 걸 만들어볼까 생각중이기도 하다. 미국 주식 키움으로 보고 있는데 간단한 수익률이 안 보인다...

 

npm start

 

를 실행하고, 브라우저에 

 

http://localhost:3000/ 를 해두면, 수정된 버전을 확인할 수 있다.

 

 

수정된 버전을 AWS 에 업데이트 하기 위해서, 

amplify push

 

와

 

amplify publish

 

를 실행했다. 

 

둘 다 실행해야하는 건지 궁금해서, ChatGPT에 물어보니 다음과 같은 답이 돌아왔다.

 

(나의 질문) 

AWS amplify 에 수정된 코드를 업데이트할 때 amplify push 와 amplify publish 둘 다 사용하니? 아니면 하나만 해도 되는거니?

 

(ChatGPT 대답) 

AWS Amplify에서 수정된 코드를 업데이트할 때 amplify push와 amplify publish의 역할이 다르기 때문에 둘 다 사용해야 해.

• amplify push: 이 명령어는 백엔드 리소스(예: GraphQL API, 인증 등)와 관련된 변경 사항을 클라우드에 배포해.
• amplify publish: 이 명령어는 프론트엔드(React 앱) 변경 사항을 S3 및 CloudFront에 배포해서 실제 웹사이트를 업데이트해.

따라서, 백엔드와 프론트엔드 둘 다 업데이트하려면 둘 다 사용해야 해. 프론트엔드만 업데이트할 경우에는 amplify publish만 해도 돼.

 

 

VS 코드의 코드 일부 캡쳐.