2022년 06월 02일 졸..려

• 리액트 숙련 주차 개인과제와 팀과제 제출을 했다. 마지막에 firebase 쪽에서 에러가 나서 1시간 넘게 고군분투하다가,
  결국 다른 분들의 도움을 받아 해결한 뒤 제출했다.
• 옛날에 결제했던 엘리님의 자스 강의 복습 중. 엘리님 강의가 이렇게 재밌었나?

커피머신

배운 것

[Firestore]

firebase에 포함된 서비스, NoSQL 클라우드 DB

구조 : Collection(document의 집합), Document(JSON)

 

[Javascript]

 

브라우저 사이즈

Window.size.width

Window.size.height

: 모니터 창 크기

 

window.outerWidth

window.outerHeight

: 브라우저 크기(탭, 스크롤바 포함)

 

window.innerWidth

window.innerHeight

: 브라우저 크기(탭, 스크롤바 미포함)

 

document.documentElement.clientWidth

document.documentElement.clientHeight

: 요소의 내부 크기(css에 정의된 내부 패딩을 포함하는 크기이고 테두리,마진, 스크롤바은 미포함)

 

element.getBoundingClientRect()

:엘리먼트의 w,h, 위치 정보를 준다

 

PageX, pageY : 전체 페이지 기준 x,y 좌표 값

clientX, clientY : 보고있는 화면 기준 x,y 좌표 값