SPA와 파이어베이스 특강이 한번 더 올라왔다. 들을 땐 어렵지 않아보였는데 막상 프로젝트에 적용시키려고 하면 에러도 나고 다들 그랬나보다..
나도 계속 빈 화면이 나오길래 파이어베이스에 연결이 안됐구나 했는데 구글 애널리틱스에 관한 코드를 지워주니 작동이 됐다!
오전
- 파이어베이스 특강 보기
- 로그인 컴포넌트 구현하기
오후
- 자바스크립트 스터디
- 브라우저 파트 읽기
✍ SPA/firebase 정리
화면이 렌더링 되자마자 특정 DOM 조작이 필요할 경우
➡ handlelocation 안에 if조건문으로 제한하기!
프로필 변경 버튼 : css -> .disabled = true
➡ 버튼 클릭 후 즉시 비활성화
label 태그로 감싸진 것들은 어디를 클릭해도 자신을 클릭한 효과
✍ AWS S3 배포 시나리오
- 가비아 도메인 이름 = S3 버킷 이름
- 모든 퍼블릭 엑세스 차단 - 체크해제
- 속성 탭- 정적 웹 사이트 호스팅 편집 ➡ '활성화'
인덱스 문서, 오류 문서: index.html(루트 html) - 권한 탭- 버킷 정책 편집, 정책 생성기 클릭 ➡ S3 bucket policy 선택
- principle: *
- Action: GetObject
- ARN: 아마존 ARN 붙여넣고,
/*추가
AWS ROUTE S3(DNS 서버)
➡ 가비아 도메인 관리- 네임서버에 4차까지 추가하기
route 53 ➡ 호스팅 영역 ➡ 레코드 생성
트래픽 라우팅 대상- S3 웹 사이트 엔드포인트에 대한 별침
해뜰날
s3 배포 화이팅!