x-cache error from cloudfront
CloudFront의 Custom Error Page은 오로지 redirection을 할 뿐이지, 어떠한 side effect도 없다. AWS 엔지니어에게 확인받음. 그러니 response header에 x-cache: error from cloudfront 가 떠도 의도한 바라면...
Recent posts
x-cache error from cloudfront
CloudFront’s Custom Error Page only performs a redirection and has no side effects whatsoever. Confirmed by an AWS engineer. So even if x-cache: error from c...
on transition cancel
진행 중인 transition이 취소되면? transitionEnd event가 발생하지 않는다. 이렇게 되면 transitionEnd를 기준으로 event를 발생시키는 javascript 앱에 오류가 발생한다.
on transition cancel
What happens when a transition in progress is cancelled? The transitionEnd event doesn’t fire. When this happens, it causes errors in JavaScript apps that tr...
iOS safari에서의 scrollIntoView 메소드 오류 정리
요약: safari는 scrollIntoView의 모든 option을 지원하지 않음 reference: https://caniuse.com/?search=scrollIntoView safari 13, 14에서 test함 오류 목...
A Roundup of scrollIntoView Method Bugs in iOS Safari
Summary: Safari does not support all of the scrollIntoView options reference: https://caniuse.com/?search=scrollIntoView Tested on Safari...
러닝 리액트 2판 리뷰
흔히들 React를 사용하고 싶으면 공식 문서를 보라고 한다. 하지만 그것만으로 정말 충분한가? React를 사용할 때마다 당황스러운 일이 한두 번이 아니다. 그럴 때마다 나는 고통스럽게도 codesandbox를 열고… 하나하나 테스트를 해본다. 내가 아는 게 정말로 맞는지, 내가...
Learning React 2nd Edition Review
People often say that if you want to use React, you should just read the official documentation. But is that really enough? Every time I use React, I run int...
react에서 CSS display none을 쓰면 어떤 일이?
display: block -> display: none이 된 component는
What Happens in React When You Use CSS display none?
A component that goes from display: block -> display: none
z-index stacking order
CSS property z-index는 parent를 공유하는 element끼리만 영향을 미친다. 다른 parent의 element와는 무관하다. 그 이유는 stacking order 때문이다. stacking context는 하나의 element당 1개 생성되고, stackin...
z-index stacking order
The CSS property z-index only affects elements that share the same parent. It has nothing to do with elements that have a different parent. The reason for th...
AWS CloudFront caching
CORS header 설정도 캐싱한다
AWS CloudFront caching
CORS header settings are cached too
Chrome GC timing
GC는 복잡하고, 크로미움 업데이트 할 때마다 계속 바뀐다. GC는 대부분 증분적으로, 일부는 동시에. 일부는 병렬적으로 한다. 그리고 할당량(?)과 유휴 시간에 결정(?)된다 The summary is that most of the GC work is d...
Chrome GC timing
GC is complex, and it keeps changing every time Chromium is updated. GC is mostly done incrementally, some of it concurrently, and some of it in parallel....
AWS CloudFront에서 S3의 index.html을 찾지 못하는 현상
현상 CloudFront -> S3로 index.html 파일을 요청했는데 이런 오류가 발생
When AWS CloudFront Can’t Find S3’s index.html
The Symptom I requested the index.html file via CloudFront -> S3, but got this error:
scrollTop의 값을 수정하면, onscroll event가 발생한다
scrollTop의 값을 수정하면, onscroll event가 발생한다
Changing the value of scrollTop fires an onscroll event
Changing the value of scrollTop fires an onscroll event