AWS codeBuild에서 build artifact와 source artifact
build artifact는 codeBuild가 build를 마친 후, 그 결과물을 저장한 파일. 나중에 auto scaling 할 때 쓰인다 source artifact는 codeBuild가 build를 하기 위해 소스코드를 가져온 파일
Recent posts
CSSOM 과 inline-style
html parser가 inline style을 만나면 CSSOM을 만들기 위해 parser 동작을 일시 중지할까? cssom은 javascript가 css style을 조작하기 위한 모델이다 cssom은 외부 css를 받아오든, style tag를 만나든, inline styl...
create-react-app에서 npm run eject 두 번은 못한다고?
create-react-app으로 react 개발을 하다가, webpack 설정이 궁금해서 npm run eject를 해봤다. 설정을 훑어보고 git checkout -f 로 원복했는데… 다시는 npm run eject를 할 수 없었다.
CloudFront에 HTTP request를 보낼 때, 존재하지 않는 method(HTTP Verb)로 보내면 어떻게 될까?
CloudFront(이하 CF)에 HTTP request를 보낼 때, 존재하지 않는 method(HTTP Verb)로 보내면 어떻게 될까?
x-cache error from cloudfront
CloudFront의 Custom Error Page은 오로지 redirection을 할 뿐이지, 어떠한 side effect도 없다. AWS 엔지니어에게 확인받음. 그러니 response header에 x-cache: error from cloudfront 가 떠도 의도한 바라면...
on transition cancel
진행 중인 transition이 취소되면? transitionEnd event가 발생하지 않는다. 이렇게 되면 transitionEnd를 기준으로 event를 발생시키는 javascript 앱에 오류가 발생한다.
iOS safari에서의 scrollIntoView 메소드 오류 정리
요약: safari는 scrollIntoView의 모든 option을 지원하지 않음 reference: https://caniuse.com/?search=scrollIntoView safari 13, 14에서 test함 오류 목...
러닝 리액트 2판 리뷰
흔히들 React를 사용하고 싶으면 공식 문서를 보라고 한다. 하지만 그것만으로 정말 충분한가? React를 사용할 때마다 당황스러운 일이 한두 번이 아니다. 그럴 때마다 나는 고통스럽게도 codesandbox를 열고… 하나하나 테스트를 해본다. 내가 아는 게 정말로 맞는지, 내가...
react에서 CSS display none을 쓰면 어떤 일이?
display: block -> display: none이 된 component는
z-index stacking order
CSS property z-index는 parent를 공유하는 element끼리만 영향을 미친다. 다른 parent의 element와는 무관하다. 그 이유는 stacking order 때문이다. stacking context는 하나의 element당 1개 생성되고, stackin...
AWS CloudFront caching
CORS header 설정도 캐싱한다
Chrome GC timing
GC는 복잡하고, 크로미움 업데이트 할 때마다 계속 바뀐다. GC는 대부분 증분적으로, 일부는 동시에. 일부는 병렬적으로 한다. 그리고 할당량(?)과 유휴 시간에 결정(?)된다 The summary is that most of the GC work is d...
AWS CloudFront에서 S3의 index.html을 찾지 못하는 현상
현상 CloudFront -> S3로 index.html 파일을 요청했는데 이런 오류가 발생
scrollTop의 값을 수정하면, onscroll event가 발생한다
scrollTop의 값을 수정하면, onscroll event가 발생한다
safari의 bounce scroll 문제(2)
iOS는 스크롤 파워가 강할 때 bounce scroll effect를 낸다. 보기 좋은 UX지만, scrollTop을 기준으로 event를 발생시키려면 문제가 발생한다.
safari의 bounce scroll 문제(1)
safari에서 scroll event를 다루다보면 괴상한 동작을 발견한다. scrollable container 최상단이 고무줄처럼 튕기는 UI인데, 이를 iOS의 native-style scrolling이라고 한다(출처: https://developer.apple.com/lib...
CSS flex-direction property의 값이 column-reverse 일 때의 scrollTop
요약 flex-direction: column-reverse 일 때 scrollTop의 기준은 scroll 최하단이다 scrollTop은 -n ~ 0의 값을 가진다 scroll-bar가 ...
Android mobile Chrome의 scrollTop 오류
Android mobile chrome에서는 알 수 없는 이유로 scroll이 최상단, 최하단까지 이동하지 않는 경우가 있다.
Cannon mg3095w 사용기
프린터 구매를 위해 프린터 사용기를 구글링해보았다. 놀랍게도 유용한 리뷰는 드물었다. 이제 프린터가 IT의 한 축이던 시대는 영원히 끝나버린건가. 조지 소로스의 오픈 소사이어티 재단의 주요 사업 중 하나가 복사기 보급 아니었던가. 제록스가 한 때 IT의 선두주자 아니었던가. 아쉬운...
iOS safari에서의 scrollIntoView 메소드 오류 정리
요약: safari는 scrollIntoView의 모든 option을 지원하지 않음 reference: https://caniuse.com/?search=scrollIntoView safari 13, 14에서 test함 오류 목...