Light
Dark
1. Transition 👩💻 브라우저가 애니메이션을 표현할 수 있는 방법이 무엇이 있을까? 가장 기본적이고 쉬운 것! 바로 CSS 의 transition을 사용하는 것이다. transition 은 성능도 좋고, 사용하기 쉬워 단순한 애니메이션 구현에 가장 많이 사용되는 방법이다. 하지만 여기에는 한 가지 문제점이 존재한다. 바로 애니메이션 적... Read More
1. Prerequisites 👩💻 일단 URL 주소를 입력했을 때 DNS 에 의해 실제 IP 주소를 얻는 과정은 생략하고 CA 만 집중해서 이야기해보도록 한다. 요즘 HTTP 를 사용하는 사이트는 없다고 봐도 된다. 그렇다면 HTTPS 는 어떻게 HTTP 보다 안전할 수 있는 것일까? HTTP 는 HTTPS 에 ... Read More
1. Location 👩💻 1. Properties http://localhost:1234/food?search=meet&amount=1kg#onSale 주소로 접속해보자. Location 은 현재 페이지 정보를 반환하거나 제어하는 객체로 properties 는 다음과 같다. Pro... Read More
1. Cookie 👩💻 1. Cookie 쿠키는 아주 작은 데이터를 저장할 수 있는 브라우저가 갖는 저장 공간 중 하나로 동일한 서버에 접속할 때 저장한 쿠키 정보를 보낸다. HTTP protocol 자체는 stateless인데 쿠키가 정보를 저장하고 있다 전송함으로써 이를 stateful 하게 만들어주는 것이다. 쿠키는 주로 ... Read More
1. Mouse Event 👩💻 1. Click <div class="parent"> <div class="child"></div> </div> .parent { width: 300px; height: 200px; padding: 20px; border: 10px solid; background-c... Read More
Hogwarts