'Programming/web 관련'에 해당되는 글 85건

  1. 2025.03.05 polypill
  2. 2024.11.12 css 캐로젤
  3. 2024.10.18 webgl + three.js를 이용한 GL 공부하기 (feat 클로드)
  4. 2024.09.24 웹 브라우저에서 웹 캠 띄우기
  5. 2024.09.19 three.js
  6. 2024.07.19 XMLHttpRequest 가로채기
  7. 2024.07.19 web worker
  8. 2024.07.19 mirage.js - api mockup
  9. 2024.03.27 웹 브라우저 쿠키
  10. 2024.02.02 let's encrypt 방식
Programming/web 관련2025. 3. 5. 14:58

polypill

구버전의 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)]

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

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

저작자표시

'Programming > web 관련' 카테고리의 다른 글

css 캐로젤  (0) 2024.11.12
webgl + three.js를 이용한 GL 공부하기 (feat 클로드)  (0) 2024.10.18
웹 브라우저에서 웹 캠 띄우기  (0) 2024.09.24
three.js  (0) 2024.09.19
XMLHttpRequest 가로채기  (0) 2024.07.19
Posted by 구차니
Programming/web 관련2024. 11. 12. 23:13

css 캐로젤

핵심은 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/]

저작자표시

'Programming > web 관련' 카테고리의 다른 글

polypill  (0) 2025.03.05
webgl + three.js를 이용한 GL 공부하기 (feat 클로드)  (0) 2024.10.18
웹 브라우저에서 웹 캠 띄우기  (0) 2024.09.24
three.js  (0) 2024.09.19
XMLHttpRequest 가로채기  (0) 2024.07.19
Posted by 구차니
Programming/web 관련2024. 10. 18. 11:13

webgl + three.js를 이용한 GL 공부하기 (feat 클로드)

시대가 좋아지긴 했다.

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

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

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

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

 

 

webgl-camera-control.html
0.01MB

저작자표시

'Programming > web 관련' 카테고리의 다른 글

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
Posted by 구차니
Programming/web 관련2024. 9. 24. 12:04

웹 브라우저에서 웹 캠 띄우기

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

[링크 : 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

저작자표시

'Programming > web 관련' 카테고리의 다른 글

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
Posted by 구차니
Programming/web 관련2024. 9. 19. 23:35

three.js

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

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

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

 

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

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

저작자표시

'Programming > web 관련' 카테고리의 다른 글

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
Posted by 구차니
Programming/web 관련2024. 7. 19. 18:29

XMLHttpRequest 가로채기

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]

저작자표시

'Programming > web 관련' 카테고리의 다른 글

웹 브라우저에서 웹 캠 띄우기  (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
Posted by 구차니
Programming/web 관련2024. 7. 19. 18:27

web worker

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

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

 

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

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

저작자표시

'Programming > web 관련' 카테고리의 다른 글

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
Posted by 구차니
Programming/web 관련2024. 7. 19. 15:00

mirage.js - api mockup

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

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

 

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

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

저작자표시

'Programming > web 관련' 카테고리의 다른 글

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
Posted by 구차니
Programming/web 관련2024. 3. 27. 15:20

웹 브라우저 쿠키

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

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

 

HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재 요청 시 저장된 데이터를 함께 전송합니다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용합니다. 이를 이용하면 사용자의 로그인 상태를 유지할 수 있습니다. 상태가 없는(stateless) HTTP 프로토콜에서 상태 정보를 기억시켜주기 때문입니다.

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

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

 

저작자표시

'Programming > web 관련' 카테고리의 다른 글

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
Posted by 구차니
Programming/web 관련2024. 2. 2. 18:34

let's encrypt 방식

 

 

[링크 : https://hacktam.kr/etclec/180?sca=Server]

저작자표시

'Programming > web 관련' 카테고리의 다른 글

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
Posted by 구차니

티스토리툴바