2020.10.19 TIL

will-change : 애니메이션에서 어떤 부분이 변화할지 미리 브라우저에게 언질을 주는 것

 

z-index : 포토샵의 레이어 같은 개념인데, 지난번 포스팅에서 숫자가 낮을 수록 맨 위에 노출 된다고 작성한 부분은 틀렸다. 숫자가 클수록 상위에 노출된다. 

 

github 에서 서버 없이 클라이언트 부분을 무료로 퍼블리싱 하는 기능을 제공하는데 굉장하다!

 

@media screen / print 부분을 통제할 수 있다. 

@media screen and (max-width: 600px) and (orientation: portrait) {
  #no-mobile {
    display: none;
  }
}

 

@media print {
  body {
    color: black;
  }
  #no-mobile {
    display: none;
  }
}

 

2주간의 카카오톡 CSS와 html 부분을 클로닝 했다. 수요일은 만든 페이지의 리드미 페이지를 보완하고 카카오톡 클로닝은 여기서 이만 마치려고 한다. 해당 부분을 리액트로 재현해 봐도 재밌을 것 같기도.. 자바스크립트로 기능을 넣어서. 서버도 넣고..