728x90
반응형
다시 시작하는 리액트 - 리액트 실무 기초 5-6 과제
(심층)리액트2023. 4. 18. 01:15다시 시작하는 리액트 - 리액트 실무 기초 5-6 과제

5-6. 퀴즈 프로젝트에 firestore를 연결하고, 스피너 붙여보기. 그리고 완성된 사이트를 s3로 배포해보기. 너! 나를 얼마나 아니? 사이트에 firestore를 연결하고, 스피너를 붙여봅니다. 완성된 사이트를 s3로 배포해봐요! - 스피너 붙이기. 먼저 react-icons를 이용하여 Spinner component를 만들어 줄 거임. styled-component를 이용하여 Wrap을 만들어주고 아이콘을 정 가운데 배치해줌. import React from "react"; import styled from "styled-components"; import { TfiHeartBroken } from "react-icons/tfi"; const Wrap = styled.div` width: 100..

다시 시작하는 리액트 - 리액트 실무 기초 5-5 AWS S3 버킷 / 도메인 연결 / Firebase로 배포
(심층)리액트2023. 4. 17. 03:30다시 시작하는 리액트 - 리액트 실무 기초 5-5 AWS S3 버킷 / 도메인 연결 / Firebase로 배포

5-5. AWS S3 버킷 / 도메인 연결 / Firebase로 배포 우리는 AWS S3와 파이어베이스, 이것들을 이용하여 총 두 번의 배포를 해볼 것임. 1. AWS S3 버킷. - S3 버킷이란? : S3(Simple Storage Service)는 단순 스토리지 서비스예요! 이미지나 파일을 저장할 수 있습니다. html, css, js 같은 정적 자원을 올리고, 정적 웹 사이트를 호스팅할 수도 있어요. 우리가 컴퓨터에 폴더 만드는 것처럼 버킷을 만들고 사용할 수 있어요! AWS를 부트캠프에서 사용한 적이 있는데, 그 뒤에 계정을 삭제해서 계정을 새로 만들기 너무 힘들더랬다...ㅋㅋㅋ 계정을 만드는 과정에서 비자 카드를 필요로 하는데 내가 비자 카드가 없다는 게 문제...ㅋㅋㅋㅋ 결국 오빠의 비자 체..

728x90
반응형
image