Life with Programming

 experience 잘 동작하던 site에서 갑자기 ERR_HTTP2_COMPRESSION_ERROR  로그가 발생 원인을 검색해도 잘나오지를 않음  이것저것 검색해보니, charles 프로그램이 떠 있으면, 위 에러가 발생하는 경우가 있는 것으로 보임.   charles 실행해두고, record는 하지 않은 상태인데.. 위와 같은 오류가 발생함 확인.. 신기한 건, charles가 떠있더라도 위 오류가 계속 안나다가 갑자기 발생했다는 점..

 experience  가끔 복사 & 붙여넣기로 작성된 웹페이지에 LSEP 문자가 보이는 현상이 발생.. ​  윈도우 크롬에서만 재현되던가 했던듯... ​ 원인은 줄바꿈에 해당하는 Line Separator 문자(U+2028)가 크롬에서 노출되는 현상이라는.. ​ 크롬에서만 감지하는 인쇄 문자로 font와도 연관이 있는듯.. LSEP를 표시하는 font라면 노출이 된다는...   마찬가지로 Paragraph Separator를 의미하는 PSEP(U+2029)도 노출되는 듯.. ​ \u2028 \u2029 를 적절히 replace 해주면 되는 듯.. ​ ​ from : https://stackoverflow.com/questions/39603446/why-is-this-lsep-symbol-showing-up-on-chrome-and-not-firefox-or-edge

experience 크롬(chrome) 이용중에 갑자기 화면이 꺼진것 처럼 어두워짐.. 이상해서 이것저것 눌러봄. 윈도우는 정상이고, 크롬만 맛이간듯.. 마우스 모래시계 보임..   ​  당시 상황은 kbs onair를 옆에 틀어놓고, 브라우징 중이었음.  ​ 다른 프로세스가 정상인걸로 봐서, 작업관리자 > 프로세스 > 크롬 > 작업 끝내기로 종료하고 다시 시작하려 함.. ​ 작업끝내기를 하니 대부분의 크롬 탭들은 사라졌는데, on air였던 chrome 또다른 chrome 이 남고 응답없음.. 상태.. ​ ​  작업끝내기를 계속 누르고, 창의 x 버튼을 눌러도 안먹힘... ​ ​ 검색에도 마땅한 답은 없는듯.. @.@    ​ 혹시나 해서 해당 응답없음 창 눌러놓고 alt + F4 누르니 닫힘!!  ​ 뭔가 이상하지만... 해결...

experience video 태그를 자동재생하게 두었는데, 경우에 따라서 소리가 나거나 안나기도 하고, 자동재생이 되거나 안되기도 했던듯...  (예전의 기억이라 가물) ​ ​  원인을 찾아보니, 크롬에 자체 자동재생(autoplay) 룰이 있던 듯. ​ - muted면 허용 - 자동재생 + sound이면 아래의 경우 허용. * click, tap등 유저 동작에 의한 경우(?) * desktop이면 유저가 전에 sound와 함께 play한적있는 경우(?) * 유저가 모바일의 홈에 해당 site를 추가했거나, desktop에 PWA 으로 설치한 경우 ... ​ ​ from : https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

experience 잘동작하던 iscroll을 적용한 dom 가로 스크롤이 갑자기 크롬 모바일 버전에서 동작이 끊기는 현상이 발생..  ​ ​ 찾아보니, iscroll과 크롬의 PointerEvents와의 이슈로 보임.. (크롬 55버전부터인 것으로 보임...) ​ IScroll 초기화시 disablePointer: true 옵션을 주면 다시 정상 동작... ​ ​ from : https://stackoverflow.com/questions/39607777/iscroll-not-working-if-touch-events-are-enabled   ​ ​ from : https://github.com/cubiq/iscroll/issues/1100

experience one page 웹 서비스 운영중, 크롬에서만 request가 빠르게 진행되는 경우, 요청이 pending되면서 그 이후로의 요청이 전달되지 않는 현상이 계속 발생..  개발자도구(F12)로 보게되면 CAUTION: request is not finished yet! 이라고 되면서, pending됨..  - 찾아보니, 크롬의 경우 origin별로 tcp connection max개수가 6개라고 함. 따라서 max connection을 다 쓰게되면 idle이 될 때까지 대기.. keep alive설정이 켜져있는 상태에서 api 응답이 느리면 connection을 계속 잡고 있게 됨.. connection을 잡지않도록하는 설정이 필요한 듯... from : https://stackoverflow.com/questions/28010156/stalled-and-pending-ajax-requests-by-jquery-in-chrome