본문 바로가기

분류 전체보기93

visibility: hidden,opacity: 0 ,display: none 무슨 차이 일까 참고 stackoverflow.com/questions/14731049/visibilityhidden-vs-displaynone-vs-opacity0 visibility:hidden vs display:none vs opacity:0 I'm currently starting on an animation project. In the project I'll have more than 40000 divs and animate them iteratively. If any of divs are in passive state (i.e. it's not animating at least for 2 stackoverflow.com 2021. 4. 14.
가비지 컬렉션 자바스크립트는 도달 가능성(reachability) 개념을 사용해 메모리 관리를 수행한다. 도달 가능성이란? 어떻게든 접근하고 사용이 가능 한 것. 도달 가능한 값은 삭제되지 않는다. 반면, 도달이 불가능 한 것은 삭제시킨다.(자바스크립트 엔진이) admin 은 도달 가능하기 때문에 사용이 가능하다 반변 user2=null 이므로 사용이 불가 2021. 4. 14.
Map 2021. 4. 13.
box-shadow blur :흐린정도 spread : 그림자 사이즈 2021. 4. 13.
Background why use Background ? 1. 호스트들이 어떤 이미지를 올 릴지 모르는 경우. ex) facebook instargram. -> (어떤 이미지가 업로드가 될 지 모르니까 이미지의 비율은 제 각각 다르니까 , 우린 어떤 사진을 받게 될 지 예측불가.) 어떤 사람은 가로 가 긴 이미지를 업로드 할 수 있고, 또 다른 사람은 세로가 긴 이미지를 업로드 할 수 있기 때문. width 300 height 200 이렇게 규격이 있으면 항상 이 규격안에 업로드를 시켜줘야 하는 것 이기 때문. 즉, 정해지지 않은 이미지라 생각이 들 경우 background 를 사용한다. img 같은 경우 부모의 width 사이즈가 얼마던 간에 width를 무시를한다. (자기 본디 사이즈를 찾아가는 성격) 그래서 width.. 2021. 4. 12.
Typography 브라우저는 기본적으로 html 적용 된 font-size 는 16px 이다. * em : 실제로 적용된 font-size 기준으로 1 em 이라고 본다. ex) font-size: 24px == 1em. width : 20em; 20em 은 얼마인가 ? -> 20*24 => width: 480; *rem : root root: html 자체 (뿌리) * line height (줄 높이) 즉, 줄 간격 line height 줄 경우 em 을 많이 사용. font-size에 비례해서 값을 줄 경우 em 을 생략한다 ★ 관례 ★ line-height : 24px; *letter spacing 글자 간격 마찬가지로 em 자주 사용 em 생략 하면 안 된다. 글자 = 100 글자에 비례해서 1% 줄이고 싶다면 ?.. 2021. 4. 11.
API 보는법(Array) forEach 는 호출 한다 콜백함수를 한번 . 각각의 요소를 배열에서. : return 되는 값. thisArg?: ?는 parameter 를 전달 해도 되고 안해도 된다는 뜻. shift(이동하다), unshift are slower than pop,push push,pop 같은 경우는 기존에 있는 데이터는 움직이지 않는다.(마지막 요소 데이터를 추가,삭제 하기 때문이다) item1 item2 item3 item4 item5 하지만 shift,unshift 같은 경우 기존에 있는 데이터는 뒤로 하나 씩 이동 후 (추가,삭제) "새로운 아이템" item1 item2 item3 item4 2021. 4. 10.

티스토리툴바