Light
Dark
1. for-in vs. for-of 👩💻 1. Why JavaScript have two for-loops? Java 프로그래밍을 할 때 컴파일 된 코드를 봤는데 for로 작성한 코드가 while로 컴파일 되는 것을 보고 매우 신기했던 적이 있다. while은 코드 작성 시점에 반복 횟수를 미리 알 수 없고 Runtime 에 알 수 있는 ... Read More
1. Variables 👩💻 1. Use meaningful variable names Bad function between<T>(a1: T, a2: T, a3: T): boolean { return a2 <= a1 && a1 <= a3; } Good function betwe... Read More
1. Grid and Flex 👩💻 일반적으로 Grid 보다는 Flex 를 더 많이 사용한다. 사실 Grid 는 사용하지 않아도 Block 엘리먼트를 컨테이너로 사용해 물리적 층을 나누고, Flex 와 margin 을 적절히 사용해주기만 해도 격자 모양의 레이아웃을 완전히 대체할 수 있다. 그럼에도 Grid 를 사용하는 이유... Read More
1. Intersection Observer 👩💻 자주 사용하지만 entry.intersectionRatio을 사용할지, threshold를 사용할지 항상 고민이 많이 되는 것 같아 정리해보고자 한다. 우선 Intersection Observer 는 웹 브라우저가 제공하는 Intersection Observer API에 의... Read More
1. margin: auto 👩 <div class="outer"> <img src="coral-box.png" alt="coral box" class="inner"> </div> .inner { display: block; width: 100px; margin: 0 auto; } ... Read More
Hogwarts