programing
-
[JS] CanvasRenderingContext2D 정리 1programing/Language 2019. 8. 1. 18:18
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 이번 포스트에서는 CanvasRenderingContext2D의 속성들에 대해 정리해보겠습니다. properties canvas read-only reference to the HTMLCanvasElement object that is associated with a given context. It might be null if there is no associated canvas속성은 HTMLCanvasElement객체를 가리키는 읽기 전용 속성입니다. 만약 관련 canvas객체가 없다면, 값은 null이 됩니다. example const canvas = document.getElementById('canvas'); const..
-
[JS] 태스크 큐와 이벤트 루프programing/Language 2019. 7. 31. 18:33
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 이번 포스트에서는 태스크 큐와 이벤트 루프에 대해 알아보도록 하겠습니다. 해당 포스트는 toast meetup의 김동우님의 글을 요약 및 정리한 글입니다. 자바스크립트와 이벤트 루프 1. ECMAScript와 이벤트 루프 ECMAScript 에는 동시성이나 비동기와 관련된 언급이 없다 (ES6부터 살짝 변화가 있다) V8과 같은 자바스크립트 엔진은 단일 호출 스택(Call Stack)을 사용하며, 요청이 들어올 때마다 해당 요청을 순차적으로 호출 스택에 담아 처리할 뿐이다. 이 자바스크립트 엔진을 구동하는 환경, 즉 브라우저나 Node.js가 비동기와 동시성을 담당한다. 위와 같이, setTimeout이나 XMLHttpReque..
-
[Node] 동일 출처 정책과 CORS와 에러 해결법programing/Language 2019. 7. 29. 11:54
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 이번 포스트에서는 프론트에서 http 요청을 할 때 심심하면 나오는 CORS문제 해결법에 대해 알아보도록 하겠습니다. 동일 출처 정책(same origin policy) Under the policy, a web browser permits scripts contained in a first web page to access data in a second web page, but only if both web pages have the same origin. An origin is defined as a combination of URI scheme, host name, and port number. This policy pre..
-
[JS] spread operator을 이용한 객체 복사programing/Language 2019. 7. 27. 20:01
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 이번 포스트에서는 전개 연산자(spread operator)를 이용해서 간편하게 객체를 복사하는 방법에 대해 알아보겠습니다. 배열 const arr = [1, 2, 3]; const cp = [...arr]; cp.push(4); console.log(arr); // [1, 2, 3] console.log(cp); // [1, 2, 3, 4] 배열의 복사는 [...arr]를 이용하면 됩니다. 객체 const obj = { a: 1, b: { c: 2 } }; const cp = {...obj}; cp.a = 2; cp.b.c = 3; console.log(obj); // {a: 1, b:{c: 3}} console.log(cp)..
-
[JS] prototype을 이용한 상속programing/Language 2019. 7. 27. 17:09
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 이번 포스트에서는 prototype을 이용한 상속과, 다양한 실험을 해보도록 하겠습니다. prototype의 종류 (사진을 제공해주신 나모씨에게 감사의 말씀 드립니다..) [[prototype]] 혹은 __proto__ 해당 객체의 프로토타입을 가리키는 포인터입니다. 예를 들어, Person 생성자 함수로 만든 인스턴스 person.__proto__는 Person.prototype입니다. 또한, Person.__proto__는 Function.prototype입니다. prototype 함수 객체에만 존재하는 속성입니다. 해당 함수가 생성자 함수로 사용되었을 때 생성되는 인스턴스의 프로토타입에 넣을 대상입니다. 예를 들어, Per..
-
[Git, zip] git bash에서 zip명령어를 못찾는 경우programing/etc 2019. 7. 24. 19:04
https://ranxing.wordpress.com/2016/12/13/add-zip-into-git-bash-on-windows/ Add zip into GIT Bash on Windows While using git-bash, you may need the zip command to zip files. Then you will get error like “command not found”. This is because git-bash is really just a cut down version of mingw. … ranxing.wordpress.com 참고
-
[JS] state와 mutable, immutableprograming/Language 2019. 7. 23. 18:08
안녕하세요, Einere입니다. (ADblock을 꺼주시면 감사하겠습니다.) 해당 포스트는 Functional JS #3: State를 참고하여 정리한 포스트입니다. State state는 다양한 의미가 있지만, 특히 application state에 관심이 많다. application state는 다음과 같은 의미를 지닌다. 모든 변수들의 현재 값(current values of all the variables) 모든 할당된 객체들(all allocated objects) 열린 파일 기술자들(open file descriptors) 열린 네트워크 소켓들(open network sockets) 기타 등등(etc) 기본적으로 위의 모든 정보는 현재 앱에서 일어나는 모든 것들을 표현하는 방식이다. const..