설치하지 않아도 되는 웹앱 이라고 해야하나?
[링크 : https://developer.mozilla.org/ko/docs/Web/Progressive_web_apps/Tutorials/js13kGames]
[링크 : https://lillo-blog.tistory.com/53]
+
| html custom tag (0) | 2025.05.14 |
|---|---|
| polypill (0) | 2025.03.05 |
| css 캐로젤 (0) | 2024.11.12 |
| webgl + three.js를 이용한 GL 공부하기 (feat 클로드) (0) | 2024.10.18 |
| 웹 브라우저에서 웹 캠 띄우기 (0) | 2024.09.24 |
iptime 신형 ui에서 왜 크롬에서 ctrl-f로 검색이 안되는지 찾아보는데
flt 로 시작하는 이상한 태그들이 많아서 찾아보니
| <flt-file-picker-inputs id="__file_picker_web-file-input"></flt-file-picker-inputs> |
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-태그-만들기]
| PWA - progressive web app (0) | 2025.09.05 |
|---|---|
| polypill (0) | 2025.03.05 |
| css 캐로젤 (0) | 2024.11.12 |
| webgl + three.js를 이용한 GL 공부하기 (feat 클로드) (0) | 2024.10.18 |
| 웹 브라우저에서 웹 캠 띄우기 (0) | 2024.09.24 |
구버전의 javascript 라던가 python에 필요한 기능이 있을 경우 새로운 기능을 확장해주는 것을 polyfill 이라고 하는 듯.
| In software development, a polyfill is code that implements a new standard feature of a deployment environment within an old version of that environment that does not natively support the feature. Most often, it refers to JavaScript code that implements an HTML5 or CSS web standard, either an established standard (supported by some browsers) on older browsers, or a proposed standard (not supported by any browsers) on existing browsers. Polyfills are also used in PHP and Python. |
[링크 : https://en.wikipedia.org/wiki/Polyfill_(programming)]
| PWA - progressive web app (0) | 2025.09.05 |
|---|---|
| html custom tag (0) | 2025.05.14 |
| css 캐로젤 (0) | 2024.11.12 |
| webgl + three.js를 이용한 GL 공부하기 (feat 클로드) (0) | 2024.10.18 |
| 웹 브라우저에서 웹 캠 띄우기 (0) | 2024.09.24 |
핵심은 transform :translateX() 인 듯?
[링크 : https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateX]
[링크 : https://jforj.tistory.com/317]
| html custom tag (0) | 2025.05.14 |
|---|---|
| polypill (0) | 2025.03.05 |
| webgl + three.js를 이용한 GL 공부하기 (feat 클로드) (0) | 2024.10.18 |
| 웹 브라우저에서 웹 캠 띄우기 (0) | 2024.09.24 |
| three.js (0) | 2024.09.19 |
시대가 좋아지긴 했다.
맨날 카메라에서 옮기고, Depth에서 막히고 그랬는데
웹에서 이렇게 작동하는 소스를 바로 생성이 가능하다니.
이걸 다시 분석하고 이해해서 원하는걸 만들어 봐야겠다.
그나저나 쉐이더까지 뚝딱이라니.. 무섭네
| polypill (0) | 2025.03.05 |
|---|---|
| css 캐로젤 (0) | 2024.11.12 |
| 웹 브라우저에서 웹 캠 띄우기 (0) | 2024.09.24 |
| three.js (0) | 2024.09.19 |
| XMLHttpRequest 가로채기 (0) | 2024.07.19 |
예전에 본 것 같긴한데 해본적은 없는 것 같아서 검색
[링크 : https://velog.io/@davelee/browser에서-webcam-이용하기]
| const constraints = { audio: true, video: { width: 1280, height: 720 }, }; navigator.mediaDevices .getUserMedia(constraints) .then((mediaStream) => { const video = document.querySelector("video"); video.srcObject = mediaStream; video.onloadedmetadata = () => { video.play(); }; }) .catch((err) => { // always check for errors at the end. console.error(`${err.name}: ${err.message}`); }); |
[링크 : https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia]
| Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers. navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia; if (navigator.getUserMedia) { navigator.getUserMedia( { audio: true, video: { width: 1280, height: 720 } }, (stream) => { const video = document.querySelector("video"); video.srcObject = stream; video.onloadedmetadata = (e) => { video.play(); }; }, (err) => { console.error(`The following error occurred: ${err.name}`); }, ); } else { console.log("getUserMedia not supported"); } |
[링크 : https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getUserMedia] deprecated
| css 캐로젤 (0) | 2024.11.12 |
|---|---|
| webgl + three.js를 이용한 GL 공부하기 (feat 클로드) (0) | 2024.10.18 |
| three.js (0) | 2024.09.19 |
| XMLHttpRequest 가로채기 (0) | 2024.07.19 |
| web worker (0) | 2024.07.19 |
javascript로 3d 그래픽을 그리는 라이브러리라는데
webGL을 이용한건진 잘 모르겠다.
[링크 : https://threejs.org/]
fog도 그냥 설정해주는거 보면 꽤나 추상화된 gl 라이브러리라고 보면 되려나?
[링크 : https://github.com/mrdoob/three.js/blob/master/examples/webgl_interactive_buffergeometry.html]
| webgl + three.js를 이용한 GL 공부하기 (feat 클로드) (0) | 2024.10.18 |
|---|---|
| 웹 브라우저에서 웹 캠 띄우기 (0) | 2024.09.24 |
| XMLHttpRequest 가로채기 (0) | 2024.07.19 |
| web worker (0) | 2024.07.19 |
| mirage.js - api mockup (0) | 2024.07.19 |
mirage.js 에서 사용하는 기술 같은데 써볼일 있으려나?
[링크 : https://github.com/shenzhenjinma/hook-chrome-ajax/blob/develop/background.js]
| 웹 브라우저에서 웹 캠 띄우기 (0) | 2024.09.24 |
|---|---|
| three.js (0) | 2024.09.19 |
| web worker (0) | 2024.07.19 |
| mirage.js - api mockup (0) | 2024.07.19 |
| 웹 브라우저 쿠키 (0) | 2024.03.27 |
자바 스크립트의 메인 쓰레드가 아닌 브라우저의 백그라운드 쓰레드로 돌리는 기능.
탭이 비활성화 되어도 멀티 쓰레드로 작동이 된다고.
[링크 : https://samori.tistory.com/87]
[링크 : https://medium.com/hcleedev/web-web-worker-사용법과-주의할-점-webpack-메모리-문제-테스트-모킹-2d77c5b23afe]
| three.js (0) | 2024.09.19 |
|---|---|
| XMLHttpRequest 가로채기 (0) | 2024.07.19 |
| mirage.js - api mockup (0) | 2024.07.19 |
| 웹 브라우저 쿠키 (0) | 2024.03.27 |
| let's encrypt 방식 (0) | 2024.02.02 |
신기하게도(?) 크롬의 XMLHttpRequest 나 fetch 명령을 가로채서
서버 구동없이 클라이언트에서 api 목업을 한다고 한다.
네트워크로 나가지만 않을뿐 결국에는 함수의 결과물을 리턴해주는 식으로 간소화 하는건가..?
[링크 : https://miragejs.com/]
| XMLHttpRequest 가로채기 (0) | 2024.07.19 |
|---|---|
| web worker (0) | 2024.07.19 |
| 웹 브라우저 쿠키 (0) | 2024.03.27 |
| let's encrypt 방식 (0) | 2024.02.02 |
| ajax session 인증 (0) | 2024.01.26 |
|
