구차니의 잡동사니 모음

iptime 신형 ui에서 왜 크롬에서 ctrl-f로 검색이 안되는지 찾아보는데

flt 로 시작하는 이상한 태그들이 많아서 찾아보니

flutter web app으로 만든 녀석 같고 이녀석 특징인 것 같다.

[링크  https://grow-grow.tistory.com/53]

조금 더 찾아보니 custom tag 로 만든 것 같고 이로 인해서 크롬에서 보여는 지지만

디버그 모드에서 정상적으로 추적이 안되는 것 같다.

[링크  https://developer.mozilla.org/ko/docs/Web/API/Web_components/Using_custom_elements]

[링크  https://marcoding.tistory.com/26]

[링크  https://velog.io/@gil0127/Web-Components-커스텀-HTML-태그-만들기]

구버전의 javascript 라던가 python에 필요한 기능이 있을 경우 새로운 기능을 확장해주는 것을 polyfill 이라고 하는 듯.

[링크 : https://en.wikipedia.org/wiki/Polyfill_(programming)]

[링크 : https://toss.tech/article/smart-polyfills]

[링크 : https://babeljs.io/docs/babel-polyfill]

핵심은 transform :translateX() 인 듯?

[링크 : https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateX]

[링크 : https://jforj.tistory.com/317]

[링크 : https://gahyun-web-diary.tistory.com/79]

[링크 : https://www.doyeon0430.com/engineer/django/58/]

시대가 좋아지긴 했다.

맨날 카메라에서 옮기고, Depth에서 막히고 그랬는데

웹에서 이렇게 작동하는 소스를 바로 생성이 가능하다니.

이걸 다시 분석하고 이해해서 원하는걸 만들어 봐야겠다.

그나저나 쉐이더까지 뚝딱이라니.. 무섭네

예전에 본 것 같긴한데 해본적은 없는 것 같아서 검색

[링크 : https://velog.io/@davelee/browser에서-webcam-이용하기]

[링크 : https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia]

[링크 : https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getUserMedia] deprecated

javascript로 3d 그래픽을 그리는 라이브러리라는데

webGL을 이용한건진 잘 모르겠다.

[링크 : https://threejs.org/]

fog도 그냥 설정해주는거 보면 꽤나 추상화된 gl 라이브러리라고 보면 되려나?

[링크 : https://github.com/mrdoob/three.js/blob/master/examples/webgl_interactive_buffergeometry.html]

mirage.js 에서 사용하는 기술 같은데 써볼일 있으려나?

[링크 : https://github.com/shenzhenjinma/hook-chrome-ajax/blob/develop/background.js]

[링크 : https://stackoverflow.com/questions/629671/how-can-i-intercept-xmlhttprequests-from-a-greasemonkey-script]

[링크 : https://github.com/chrome-php/chrome/issues/73]

자바 스크립트의 메인 쓰레드가 아닌 브라우저의 백그라운드 쓰레드로 돌리는 기능.

탭이 비활성화 되어도 멀티 쓰레드로 작동이 된다고.

[링크 : https://samori.tistory.com/87]

[링크 : https://medium.com/hcleedev/web-web-worker-사용법과-주의할-점-webpack-메모리-문제-테스트-모킹-2d77c5b23afe]

신기하게도(?) 크롬의 XMLHttpRequest 나 fetch 명령을 가로채서

서버 구동없이 클라이언트에서 api 목업을 한다고 한다.

네트워크로 나가지만 않을뿐 결국에는 함수의 결과물을 리턴해주는 식으로 간소화 하는건가..?

[링크 : https://miragejs.com/]

로컬에 저장만 되서 불러서 쓰는건 줄 알았는데

서버에 요청시 request header에 cookie의 내용들이 전부 포함되서 요청된다.

[링크 : https://developer.mozilla.org/ko/docs/Web/HTTP/Cookies]

[링크 : https://velog.io/@msung99/인증관련-Header-그리고-쿠키Cookie]