퍼블리싱 강의 2주차 복습
자바스크립트에서 값을 불리언으로 바꿔주기 위해서는 앞에 !!를 붙힌다.
tabindex - 클릭할 수 있는 요소가 어떤 번호를 가지고 있는지를 구분하기 위해 쓴다.
position : absolute; - 요소를 숨겼을 때 다른 요소에게 사이즈적인 영향을 주지 않도록 하기 위해 쓴다.
nav를 만들때는 ul태그와 li태그를 많이 쓴다.
overflow : hidden; - 영역을 벗어나면 숨기라는 뜻
상위 요소가 display : table;이고
하위 요소가 display : table-cell 이면 table 안에서 가로로 배치가 되는데 이 때 공간을 100% 채워준다.
::before - 엘리멘트 왼쪽에 가상의 엘리먼트를 만들어서 적용할 수 있다.
::after - 엘리멘트 오른쪽에 가상의 엘리먼트를 만들어서 적용할 수 있다.
float : left; - 상위 요소 안에서 왼쪽으로 붙여서 깔끔하게 정렬해준다.
파이어베이스 특강
<script type = “module”></script>-
type을 써줘야 import xx from …. 쓸 수 있음
-
모듈이 된 파일은 전역적으로 쓸 수 없다. 지역적으로 밖에 쓸 수 없음
따라서 js파일을 분리하려면 window.toggle = toggle(); 라고 해줘야함
window는 전역적으로 쓸 수 있으므로 할당시켜주는 것! -
string match = 메서드는 문자열이 정규표현식(Regex)과 매치되는 부분을 검색
-
util.js 에서는 정규식이 이런 모양이다, 이런 규칙으로 작성해야한다. 라고 설정해 놓았음, 궁금하면 구글링 ^^
-
프로필 정보 : 어센티케이션에서 불러올 수 있음
-
화면이 띄워진 이후에 그 화면에 있는 것들만 dom으로 선택할 수 있다.
-
예를 들어서 팬명록 화면에 있으면 로그인 화면에 있는 것들은 선택불가능
-
핸들 로케이션 안에 있어야지 그 코드가 발동한다. 아니면 안됨
-
imgRef : 저장스토리지
-
creatorid : 나중에 수정,삭제하기 위해서 넣어줌 실제화면에는 나타나지 않음
-
getcommontlist() 를 통해서 댓글 리스트를 다 지우고 한꺼번에 다 집어 넣는다.
-
querySnapshot.forEach 에서 forEach는 배열의 forEach가 아니다. 하지만 역할은 비슷하다.
-
ref는 파이어베이스에서 위치를 말한다.
-
aws s3 = 스토리지 서비스
-
버킷 이름은 도메인과 똑같이 해야한다.
-
네임서버에 원본이 있고 dns서버에 카피본이 있을수도, 없을수도 있다.
-
aws에서 route 53 들어가고 호스팅 영역 > 도메인이름에 버킷이름을 넣는다. > 등록
-
s3는 DNS서버가 (route 53)이고, 네임서버가 (가비아)이다.
도메인 구입한 곳(가비아)에다 호스팅에서 제공하는 네임서버(AWS)를 적용한다.
route 53 호스팅 값을 가비아의 네임서버에 모두 복붙해넣는다. (.)은 제외한다. -
route 53에서 레코드 생성 > 트래픽 라우팅 대상 > s3 웹 사이트 … 클릭 > 서울 클릭 > s3 엔드포인트 입력을 선택하면 자동완성된 값을 클릭
