브라우저 구하기 const detectBrowser = (reg) => { return reg.test(navigator.userAgent); }; const isChrome = detectBrowser(/chrome|crios|crmo/i); const isChromium = detectBrowser(/chromium/i); const ...

서버 사이드 렌더링(SSR) 사용자가 페이지를 이동할 때마다 서버에서 새로운 페이지를 받아온다. 서버가 내용이 담긴 html 파일을 보내면 브라우저가 받아서 렌더링한다. 이후 브라우저는 서버로부터 js 파일을 받아 페이지에 적용시킨다. 서버로부터 만들어진 html을 받기 때문에 첫 ...

<video id="video" preload="none" src="https://example.com/file.mp4"></video> <script> video.play(); // <-- This is asynchronous! video.pause(); </script> Uncaught ...

네크워크의 기본 규칙 네트워크의 규칙 컴퓨터 간에 정보를 주고받을 때의 통신 방법에 대한 규칙을 프로토콜이라고 한다. 편지를 배송하기 위해서는 편지를 쓸 때부터 상대방에게 도착할 때까지 지켜야 하는 독립적인 여러 규칙을 거쳐야 한다. OSI 모델과 TCP/IP 모델 네트워크에서는 데이터를 주고받기 위한 통신 규격이 정해...

네크워크의 기본 규칙 네트워크의 규칙 컴퓨터 간에 정보를 주고받을 때의 통신 방법에 대한 규칙을 프로토콜이라고 한다. 편지를 배송하기 위해서는 편지를 쓸 때부터 상대방에게 도착할 때까지 지켜야 하는 독립적인 여러 규칙을 거쳐야 한다. OSI 모델과 TCP/IP 모델 네트워크에서는 데이터를 주고받기 위한 통신 규격이 정해...

Why? VP host에서 simple-canvas 라이브러리를 사용하던 중 에러 발생. (ios 기기에서 그리기 좌표 안맞음 등) 모바일 브라우저에서 문제 없이 작동하는 심플한 Painter 클래스를 만들기로 함. How? React + TypeScript EventEmitter EventListener Painter Con...

링크를 통하지 않고 페이지에서 브라우저 새 창을 띄우기 var window = window.open(url, windowName, [windowFeatures]); Window 인터페이스인 open() 메서드는 명시된 리소스를 명시된 이름으로 브라우징 컨텍스트(윈도우, <iframe> 또는 탭)에 로드한다. 이름이 없다면 새 윈도우가...

REST Representational State Transfer의 약자로, 대표적인 상태 전달 네트워크 상에서 Client와 Server 사이의 통신 방식 URI(Uniform Resource Identifier)를 통해 웹의 자원(Resource)을 명시 HTTP Method(POST, GET, PUT, DELETE)를 통해 R...

터미널 실행 후 sudo lsof -i:0000 // (실행되고 있는 port 번호) // 비밀번호 입력 후 리스트에 나오는 PID 확인 kill -9 1849 // (PID 번호)

IOS에서 캔버스에 그릴 때, 터치한 좌표와 실제로 그려지는 좌표에 차이가 나는 이슈 터치이벤트로 발생하는 x, y좌표는 e.touches[0].clientX, e.touches[0].clientY 이다. Element.getBoundingClientRect()는 window를 기준으로 엘리먼트의 위치를 구하는 메서드이다. mouse/touch ...