전체 글
-
SPA 업데이트 배포때 고려해야 할 브라우저 캐시 정책Web 2023. 7. 15. 16:31
무엇이 문제인가? 예를 들어, 버전 1.0.0을 최초로 배포함. 이때 접속한 사용자들은 ‘처음’ 접속하는 거니까, 1.0.0 페이지를 정상적으로 볼 수 있다. 이때 캐시 정책이 없다면, 이미 브라우저는 1.0.0 버전의 웹문서와 리소스들을 캐시한다. 이후 1.1.0을 배포함. 이때 신규 접속자는 ‘처음’ 접속하는거니까 1.1.0을 정상적으로 볼 수 있지만, 기존 사용자는 이제 브라우저의 캐시 판단을 적용 받음 이 순간부터 브라우저가 기존 웹문서는 캐시된 것을 사용하면? js/css는 청크가 붙어 그때그때 이름이 다르므로 캐시가 되지 않는다. 하지만 uri를 타고 들어온 경우, 서버 설정상 index.html을 로드하게 되어있는데 이게 캐시가 되어 있다면? 이전 js와 css를 불러오거나, 캐시된 것을 사..
-
Array.prototype.at으로 마지막 배열 값 쉽게 구하기Javascript 2023. 7. 13. 11:32
at은 비교적 최근에 추가 된 Array의 메서드다. 배열에서 해당하는 인덱스의 값을 반환해 준다. 대괄호 표기법(array[1])과 무엇이 다르냐 할 수 있는데, at 메서드의 강점은 음수를 넘겨줄 경우 배열의 뒤에서 부터 인덱스를 구한다는 것이다. const animals = ['cat', 'dog', 'cow']; console.log(animals[0]); // 'cat' console.log(animals.at(0)); // 'cat' console.log(animals[-1]); // undefined console.log(animals.at(-1)); // 'cow' // 배열에 없는 인덱스일 경우 undefined를 리턴한다. console.log(animals.at(3)); // unde..