분류 전체보기 썸네일형 리스트형 charles 사용법 1. 다운로드 https://www.charlesproxy.com/latest-release/download.do Download a Free Trial of Charles • Charles Web Debugging Proxy Download Charles Please fill in the following required fields: The OS version to download The latest version of Charles is 4.2.8. Read the Release Notes. Paid Upgrade for Charles 3 to Charles 4 Charles 4 was a major update to Charles 3, and it is a paid up www.charlespro.. Protobuf로 JSON 성능 향상 프로토콜 버퍼 (Protobuf)는 Google이 여러 서비스간에 데이터를 직렬화하기 위해 만든 이진 형식입니다. Google은 이 프로토콜을 오픈 소스로 만들었으며 이제 JavaScript, Java, C #, Ruby 등과 같은 가장 일반적인 언어를 즉시 지원합니다. 테스트에서 이 프로토콜이 JSON보다 최대 6 배 더 빠른 것으로 나타났습니다. Protobuf는 무엇입니까? 일반적으로 Protobuf라고하는 프로토콜 버퍼는 구조화 된 데이터의 직렬화 및 역 직렬화를 허용하기 위해 Google에서 개발 한 프로토콜입니다. Google은 XML과 비교하여 더 나은 시스템 커뮤니케이션 방법을 제공하기 위해 이를 개발했습니다. 그래서 그들은 XML보다 더 단순하고 작고 빠르며 유지 관리가 용이하도록 만드는.. [webpack] webpack scripts 명령어에서 분기 처리하는 방법 cross-env 에서 BUILD_TYPE=share, BUILD_TYPE=production 과 같이 매개변수 전달 "scripts": { "dev": "webpack-dev-server --config webpack.config.development.js", "share": "cross-env NODE_ENV=production BUILD_TYPE=share webpack -p --config webpack.config.production.js", "build": "cross-env NODE_ENV=production BUILD_TYPE=production webpack -p --config webpack.config.production.js" }, webpack.config.js에서 process... [webpack] Invalid Host header 호스트 설정을 하고, webpack-dev-server를 통해 웹서버를 켰는데, Invalid Host header 에러가 발생했다. webpack.config.development.js에서 'disableHostCheck: true'를 추가하면 된다. devServer: { disableHostCheck: true, host: '127.0.0.1', port: port, historyApiFallback: true, open: true } canvas에 poster이미지 로드 video 태그를 createElement('video') 생성하고, dom에 그리지 않고 바로 canvas에 drawImage(video, 0, 0, videoWidth, videoHeight); 할 경우 video를 play하지 않으면 초기에 썸네일이 나오지 않는 이슈가 있다. video src에 t=0.1;을 추가해주면 된다. const POSTER_TIME = 0.1; export const videoUrl = `${HOST_API}/video/bear.mp4#t=${POSTER_TIME}`; 모든 브라우저, 디바이스에서 작동되는지는 확인해봐야 한다. 출처: https://stackoverflow.com/questions/7323053/dynamically-using-the-first-frame-.. requestAnimationFrame 을 지정된 시간동안 일정하게 호출하는 방법 1. setTimeout으로 1초에 30 프레임씩 render start = (callback, fps) => { const seconds = 1000 / fps; callback(); this.id = setTimeout(() => { this.start(callback, fps); }, seconds); } 2. requestAnimationFrame으로 1초에 30 프레임씩 render start = (callback, fps) => { const frame = timestamp => { if (this.timestamp === 0) { this.timestamp = timestamp; } this.totalProgress = timestamp - this.timestamp; this.progres.. ReferenceError: regeneratorRuntime is not defined parcel 환경에서 async await을 사용하니 제목과 같은 에러를 뱉었다. regeneratorRuntime 모듈을 포함한 babel-polyfill 을 임포트하면 문제를 해결할 수 있다. facebook/regenerator Source transformer enabling ECMAScript 6 generator functions in JavaScript-of-today. - facebook/regenerator github.com 1. @babel/plugin-transform-runtime 설치 yarn add @babel/plugin-transform-runtime -s -d 2. .babelrc 설정 .babelrc { "plugins" : [ "@babel/plugin-transfor.. typeScript Scss 로드 에러 1. Cannot find module './app.scss'. 문제코드 해결방법 scss 를 다음과 같이 import 하면 된다. "평소와 같이 웹팩으로 처리되지만 CSS 클래스 이름에 대한 유형 검사 및 자동 완성 기능이 없습니다." 라고 한다. 뭔소리얌 ;; ㅎ 참고 : https://medium.com/@sapegin/css-modules-with-typescript-and-webpack-6b221ebe5f10 How to use CSS Modules with TypeScript and webpack Using CSS Modules with TypeScript is not as obvious as with JavaScript. There are several ways to do that. medi.. 이전 1 ··· 6 7 8 9 10 11 12 ··· 15 다음
