프론트엔드 성능 최적화를 진행하기 전에 어떤 시기에 최적화를 진행해야 하며, 성능을 어떻게 측정하는지 알아보자. 🟢 make it work - 컴파일하고, 실행시키고, 대략적으로 올바른 종류의 출력물을 뱉어내는지 확인하라. 🟢 make it right - 테스트하고 올바르게 작동하는지 확인해야 한다. 🟢 make it fast - 올바르게 만들면 코드의 구조와 성능이 변경될 수 있으므로 완료되기 전에 속도를 최적화하는 것은 의미가 없다. 그리고 코드를 빨리 만들면 더 깔끔하지 않고 읽을 수 없게 되는 경우가 많다. 따라서 읽기가 가장 쉬울 때 최적화를 수행하는 것이 좋다. kent beck님이 하신 말이다. 나는 아직 2단계를 진행 중이기에 최적화를 할 단계는 아니라는 것을 인지하였다. 하지만 올바르게 ..
브라우저라고 하면 크롬, 사파리, 파이어 폭스 등을 말합니다. 우리가 웹 브라우저를 열고 웹 사이트에 접속하면 웹 브라우저 내부에서는 어떤 일이 벌어질까? 자세하게 알아가기 전에 간단하게 살펴봅시다. 사용자가 접속을 시도하면 웹 브라우저는 해당 호스트의 IP 주소를 DNS에게 요청합니다. 요청을 받은 DNS는 IP주소를 알려줍니다. IP 주소를 받은 브라우저는 IP 주소에 있는 서버를 찾아갑니다. 이때 임의의 숫자를 적은 번호표(ISN)를 가지고 갑니다. SYN 단계에서 브라우저가 가지고 있는 고유 번호인 ISN을 서버에게 줍니다. SYN+ACK단계에서 서버가 가지고 있는 고유 번호를 브라우저에게 주면서 브라우저에게 받은 ISN을 +1하여 보내줍니다. ACK단계에서 앞서 서버가 보내준 것들을 받고 서버의..
캐시(cache)란? 자주 사용하는 데이터나 값을 미리 복사해 놓는 임시 장소를 가리킨다. 캐시는 저장 공간이 작고 비용이 비싼 대신 빠른 성능을 제공한다. 캐싱(Caching)이란? 애플리케이션의 처리 속도를 높여 준다. 이미 가져온 데이터나 계산된 결괏값의 본사본을 저장함으로써 처리속도를 향상시키며, 이를 통해 향후 요청을 더 빠르게 처리할 수 있다. 대부분의 프로그램이 동일한 데이터나 명령어를 반복해서 액세스 하기 때문에 캐싱은 효율적인 아키텍처 패턴이다. 웹 캐시(WEB Cache)란? 사용자가 웹사이트(client)에 접속할 때, 정적 컨텐츠(JS, 이미지, CSS)를 특정 위치에 저장하여, 웹 사이트 서버에 해당 콘텐츠를 매번 요청하여 받는 것이 아닌, 특정 위치에서 불러옴으로써 사이트 응답 ..
