[Sparta 개발 일지]_210613 5주차 (마지막 주차)

프론트엔드의 꽃 리액트 수업을 마치며

ReactNative를 공부하다가 React를 공부하니 패키지/JS기초 등은 도움되는 부분도 많았지만 생각보다 어려웠다. 오류 수정 감각도 충분하다고 생각했지만 이번 수업을 들으면서 더욱 발전이 필요하다고 깨달았다. 개발 공부을 시작한지 1년도 되지 않았으니 어찌 보면 당연한 것일 수도 있다.
개인 프로젝트도 얼른 몇개 해보고 팀 프로젝트를 많이 해보고 싶다.

새로 알게된 것

• AWS S3로 웹 서비스를 배포하는 방법 (정적 웹 사이트 배포)
• Firebase로 웹 서비스를 배포하는 방법 (React 웹앱 기준)

AWS S3로 웹 서비스를 배포하는 방법(정적 웹 사이트 배포)

요금

AWS 클라우드 서비스 자체가 자칫하면 요금 폭탄 맞는 구조로 설계가 돼있는 것처럼 보인다.
EC2와 S3 2가지 밖에 사용해보지 않았지만 직접 사용해 보기 전까진 요금에 대한 명확한 설명을 찾기가 쉽지는 않기 때문이다. 2개가 그러면 다른 부분도 그렇지 않겠는가. 실제 사용해봐야 결제 대시보드에서 사용량에 관한 정보가 나타난다.
그러나 AWS 사용 경험이 필요하기 때문에 사용해보지 않을 수 없다.

아래는 프리티어 요금제 사용자 기준 S3와 관련된 서비스와 요금에 관한 정보이다.

S3 버킷으로 웹 호스팅하는 방법

Firebase로 웹 서비스를 배포하는 방법

요금

개인적인 생각으로 실제 서비스를 하는 것이 아니면서, 무료 요금제를 사용할 것이라면 정해진 limit 이후로는 사용에 제한이 있는 firebase를 이용하는 것이 편할 것 같다.
아래는 firebase의 웹 호스팅에 대한 요금제이다.
AWS와는 달리 요금에 대한 명확한 정보를 쉽게 찾을 수 있다.

Firebase로 웹 서비스를 배포하는 방법 (React 웹앱 기준)

1. 프로젝트 폴더 내로 이동
2. 아래 명령 순서대로 실행

yarn build
yarn add firebase-tools
yarn firebase login
yarn firebase init
yarn firebase deploy

3. 참고 이미지