Frorong

우리가 css 속성으로 애니메이션을 구현할 때에는 translate를 사용하라고 한다. 왜 때문일까? left나 right 속성으로 위치를 조정할 수도 있을 텐데 말이다. 그걸 이해하기 위해선 먼저 브라우저 렌더링 과정을 알아야 한다. 브라우저 렌더링 과정 사용자가 웹 서비스에 접속하려면 브라우저가 사용자가 요청한 웹 페이지를 서버에 요청하여 서버에서 보내준 응답을 화면에 그려줘야한다. 상세한 과정은 다음과 같다. 브라우저가 사용자가 접속할 주소로 네트워크 요청을 보내고 이 요청은 도메인과 IP를 매핑 해놓은 서버인 DNS 서버에 들려진다. 브라우저가 요청을 하면 DNS 서버에서 DNS 조회, 인증 과정 이후에 접속할 주소에 해당하는 웹서버와 연결이 된다. 서버는 브라우저 렌더링에 필요한 리소스를 반환한..