단단한수박

트위치(Twitch)가 VOD(다시보기), Clip 기능을 한국에서 제한을 걸면서 특정 스트리머를 서포트 겸, 실제 소규모 서비스를 공부하는 차원에 직접 개발하기로 했다. 하지만 문제가 터짐 트수 "모바일에서 안되는데요?" (정확히는 아이폰에서 재생이 안되는 문제가 생김) The media could not be loaded, either because the server or network failed or because the format is not supported. 그냥 다른거 안보이고 포맷 미지원 밖에 눈에 안들어옴 그래서 이 당시는 아이폰에서 지원하지 않는 영상(mp4)이라 생각함 # 똥꼬쇼 1 애플이 만든 기준에 맞지 않는 영상이라 생각 함 (링크) # 똥꼬쇼 2 모든 브라우저가 지원하는 ..

원래는 이 기능이 없어서 별도로 구현해서 사용 했는데 지원되는걸 이제라도 알아서 남겨보려고 한다! // 캔버스 컨텍스트 가져오기 const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); // 본문에 추가 후 사이즈 조절 document.body.appendChild(canvas); canvas.width = 320; canvas.height = 100; // 캔버스에 그리기 시작 ctx.beginPath(); // 테두리 두께, 배경 색 지정 ctx.lineWidth = 5; ctx.strokeStyle = '#333'; ctx.fillStyle = '#fff'; // 라운드 사각형 그리기 x:10px, y:..

서론부터 이야기 하자면 기본적으로 JS, CSS를 불러올 때 개발 컴에서는 브라우저 캐시를 날리고 불러오면 되니까 항시 최신 소스가 적용되어 문제가 없는데 이미 웹을 서비스 중이라면 이야기가 달라진다. 개발 컴 서버 사용자 컴 최신 소스 (v1.2) 최신 소스 (v1.2) 이전 소스 (v1.1) 서버에 아무리 최신 소스, 파일 내용이 달라지더라도 사용자 컴퓨터의 브라우저는 일을 빠르게 처리한답시고 서버에서 소스를 받지 않고 앵간하면 이전에 받은 내역을 실행하는 경우가 많다. 그래서 여태까지 이렇게 개발 컴 서버 사용자 컴 최신 소스 (v1.2) 최신 소스 (v1.2) 이전 소스 (v1.2) GET Param을 이용해서 소스를 불러온다면 브라우저가 어? 새로운 주소네? 하고 같은 파일이지만 새로 불러올 수..