Rlog

WebWorker?웹 프론트 엔드 프로그래밍이나 모바일 프로그래밍을 하다보면 기존 메인 스레드로 UI 를 렌더링 하기 때문에 백그라운드에서 워커 혹은 다른 스레드를 통해 부가 작업들을 진행한다. MDN 공식문서에도 나와 있듯이 웹에서는 Web Worker 가 그 일을 한다. 알아보기Worker 는 지정한 javascript 파일을 런타임 환경에서 실행시킬수 있다. MDN 공식문서에 따르면 Worker 를 생성하는 방법은 아래와 같다. `import.meta.url` 은 번들러에 의해 위치가 꼬일수도 있으니 넣으라고 한다.const myWorker = new Worker(new URL("worker.js", import.meta.url)); Worker 안에서 대부분의 코드가 실행 가능하나 몇가지 목적을 ..

Hugo와 Github 페이지 통합하기 Hugo는 가장 인기 있는 오픈 소스 정적 사이트 생성기 중 하나입니다. 로컬에 hugo를 쉽게 설치하고 정적 사이트를 Github 페이지에 배포할 수 있습니다. 로컬에 Hugo 설치하기 설치로 바로 들어가기 전에 Mac OS에 설치하는 방법에 대해서만 다루겠습니다. Windows나 Linux에서 설치하는 방법은 공식 문서를 참조하세요. brew install hugo hugo 설치가 완료되었다면 다음 단계로 넘어갑니다. Github에 배포용 저장소 만들기 Github에는 두 개의 저장소를 만들어야 합니다. 하나는 블로그의 글과 스킨을 관리하는 ** 쪽 이고, 다른 하나는 **사이트 배포 용입니다. 그래서 두 저장소를 관리하기 위해 submodule을 사용해야 합니..

ES6 함수의 추가 기능 ES6 이전의 함수들은 함수 사용 목적에 따라 명확히 구분되지 않았음. 일반 함수로도 호출이 가능했고, 생성자 함수로도 호출이 가능했음. 이게 문제가 됬던이유는 [[Call]] 과 [[Construct]] 를 공부했을때 배운것은 인스턴스를 생성할 수 있는 함수 객체는 constructor, 인스턴스를 생성 할수 없는 함수 객체는 non-constructor 인데 ES6 이전의 함수들은 아래와 같은 구분이 되지 않는 특성때문에 아래와 같은 로직이 가능하다. var person = { age: 99, myAge: function() { return this.age } } var bar = person.myAge; console.log(bar()); // undefined 위와 같은 ..