시대가 좋아지긴 했다.
맨날 카메라에서 옮기고, Depth에서 막히고 그랬는데
웹에서 이렇게 작동하는 소스를 바로 생성이 가능하다니.
이걸 다시 분석하고 이해해서 원하는걸 만들어 봐야겠다.
그나저나 쉐이더까지 뚝딱이라니.. 무섭네
| 웹 브라우저에서 웹 캠 띄우기 (0) | 2024.09.24 |
|---|---|
| three.js (0) | 2024.09.19 |
| XMLHttpRequest 가로채기 (0) | 2024.07.19 |
| web worker (0) | 2024.07.19 |
| mirage.js - api mockup (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
| 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 |
| mirage.js - api mockup (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 |
로컬에 저장만 되서 불러서 쓰는건 줄 알았는데
서버에 요청시 request header에 cookie의 내용들이 전부 포함되서 요청된다.
| HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이터를 함께 전송합니다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용합니다. 이를 이용하면 사용자의 로그인 상태를 유지할 수 있습니다. 상태가 없는(stateless) HTTP 프로토콜에서 상태 정보를 기억시켜주기 때문입니다. |
[링크 : https://developer.mozilla.org/ko/docs/Web/HTTP/Cookies]
[링크 : https://velog.io/@msung99/인증관련-Header-그리고-쿠키Cookie]
| web worker (0) | 2024.07.19 |
|---|---|
| mirage.js - api mockup (0) | 2024.07.19 |
| let's encrypt 방식 (0) | 2024.02.02 |
| ajax session 인증 (0) | 2024.01.26 |
| bootstrap table 정렬기능 (0) | 2024.01.26 |
| mirage.js - api mockup (0) | 2024.07.19 |
|---|---|
| 웹 브라우저 쿠키 (0) | 2024.03.27 |
| ajax session 인증 (0) | 2024.01.26 |
| bootstrap table 정렬기능 (0) | 2024.01.26 |
| bootstrap modal (0) | 2024.01.23 |
ajax가 로그인 하지 않은 사람에 대해서 튕겨내고 싶을때에 대해서 검색중..
[링크 : https://stackoverflow.com/questions/51472356/jquery-ajax-not-creating-golang-session-cockie]
| 웹 브라우저 쿠키 (0) | 2024.03.27 |
|---|---|
| let's encrypt 방식 (0) | 2024.02.02 |
| bootstrap table 정렬기능 (0) | 2024.01.26 |
| bootstrap modal (0) | 2024.01.23 |
| 브라우저 언어 탐지 (0) | 2024.01.18 |
테이블 만들고 jquery로 해당 id 검색후 DataTable() 함수를 호출하면 알아서 해준다.
| // Basic example $(document).ready(function () { $('#dtBasicExample').DataTable({ "ordering": false // false to disable sorting (or any other option) }); $('.dataTables_length').addClass('bs-select'); }); |
[링크 : https://mdbootstrap.com/docs/b4/jquery/tables/sort/]
| let's encrypt 방식 (0) | 2024.02.02 |
|---|---|
| ajax session 인증 (0) | 2024.01.26 |
| bootstrap modal (0) | 2024.01.23 |
| 브라우저 언어 탐지 (0) | 2024.01.18 |
| javascript exif 정보 얻기 (0) | 2023.11.29 |
|
