Pandaman Blog

무접점 키보드 해피해킹(Happy Hacking) 컴퓨터로 업무를 주로.. 아니 그냥 계속한다. 따라서 장비가 굉장히 중요하다고 생각한다. 특히 키보드와 모니터가 가장 중요하다. 이번 글에서는 필자가 사용하는 키보드에 대해서 설명하고 싶다. Happy Hacking 일년전 키보드에 대해 관심을 갖게 되었다. 구글링을 수십 번씩, 유튜브를 수십 번씩 돌려서 찾게 된 이 아이. 바로 해피해킹이다. 키보드에 관심있는 분이라면 들어본 이름일 것이다. 아래는 그 특징들에 대해 나열했다. 배열 일반적인 키보드는 101개의 키배열을 갖는다. 하지만 해피해킹은 60개의 키배열로 엄청 대단히~ 축소가 되었다. 불필요하다고 생각되는 배열들이 제거되었고, 손가락의 활동반경이 확실히 줄어들었다. 크기가 굉장히 작아 가방에 쏙..

Javascript 실행컨택스트 (Execution Context) 코드가 평가되고 실행되는 환경의 추상적인 개념입니다. 즉 실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경이라고 할 수 있습니다. 지금부터 실행 컨텍스트의 종류에 대해서 알아보겠습니다. global execution context 코드에 진입하면 생성되는 global execution context는 가장 기본이되는 execution context 입니다. functional execution context 함수가 호출될 때마다 호출된 함수의 새로운 실행 컨택스트를 생성합니다. 각 함수는 자신만의 실행 컨텍스트를 가지고 있습니다. 따라서, 이 함수의 실행 컨텍스트는 얼마든지 존재할 수 있습니다.가 아니라 브라우저의 실행스택의..

Javascript Scope(스코프) 컴퓨터 프로그래밍에서 스코프는 변수가 유효성을 갖는 영역을 가리킨다. Scope는 '범위'라는 의미로 사용될 수 있는데요, 즉 '변수에 접근할 수 있는 범위'를 의미합니다. javascript의 Scope 자바스크립트의 Scope의 다음과 같이 구분할 수 있습니다. 1) 전역 스코프 2) 함수 스코프 3) 블록 스코프 전역스코프 전역에 변수를 선언하면 이 변수는 전역 스코프를 갖는 변수가 됩니다. 다시말해서, 블록밖({})이나 함수외부에 변수가 선언되었다면, 이 변수는 전역 스코프를 갖는다고 말합니다. 전역 스코프를 갖는 전역변수는 코드 어디에서든 참조가 가능합니다. 또한 var 키워드로 전역에 선언한 변수는 전역 객체(window)의 프로퍼티가 됩니다. 아래는 전..

Javascript Prototype(프로토타입) JavaScript는 흔히 프로토타입 기반 언어(prototype-based language)라 불립니다.— 모든 객체들이 메서드와 속성들을 상속받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다는 의미입니다. 프로토타입 객체도 또다시 상위 프로토타입 객체로부터 메서드와 속성을 상속받을 수도 있고 그 상위 프로토타입 객체도 마찬가지입니다. 이를 프로토타입 체인(prototype chain)이라 부르며 다른 객체에 정의된 메서드와 속성을 한 객체에서 사용할 수 있도록 하는 근간입니다. -MDN- MDN Javascript prototype을 검색하면 위와 같이 프로토타입에 대해 설명합니다. 음.. 그래도 명확하게 이해가 되지 않..

Javascript의 This this란? 무엇인가요?라고 누가 물어본다면 명확하게 말하기 어렵다고 생각했습니다.. 그래서 바로 MDN 공식 문서와 서적을 통해 알아보았습니다. 대부분의 경우 this의 값은 함수를 호출한 방법이 결정한다. 실행하는 중 할당으로 설정할 수 없고 함수를 호출할 때마다 다를 수 있습니다. 위 말은 함수를 호출하는 객체가 무엇인가에 따라 this가 달라진다는 의미입니다. 한번 예제를 통해 알아보겠습니다. // 1) this는 전역객체 Window console.log(this); // Window const obj1 = { f1: function() { console.log(this); } } // 2) this는 f1()메소드를 호출한 객체 obj1 console.log(ob..

Javascript 즉시실행함수(IIFE) 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)은 정의되자마자 즉시 실행되는 Javascript Function 를 말합니다. - MDN - mdn문서에서 즉시 실행함수를 찾아보면 위와 같이 설명합니다. 일단 어떤 형태로 생겼는지 확인해보겠습니다. (function () { console.log('test') })(); // 'test' 위 예제는 즉시실행함수의 형태입니다. 첫번째 괄호 내부에 함수표현식으로 익명함수를 만들고 바디에 내용을 넣었습니다. 그리고 두번째 괄호로 즉시 실행 함수를 생성하여 함수를 실행시켰습니다. 그리고 IIFE 스코프안에서 안전하게 변수가 보호됩니다. 예제를 통해 확인해보겠습니다..

Javascript 함수 호이스팅(Hoisting) 호이스팅(Hosting)은 코드 구문이 실행하기 전에 변수 및 함수 선언이 해당 범위의 맨 위로 이동하는 Javascript 메커니즘입니다. 위 설명을 정확하게 이해하기 위해 예제를 만들어 테스트를 해봤습니다. introduce('oyg0420'); // my name is oyg0420 function introduce(name) { console.log(`my name is ${name}`); } 함수가 선언이 되기 전에 호출을 했는데, 결과는 에러 없이 정상적으로 작동합니다. 그렇다면 위와 같은 구문이 작동되는 이유에 대해 알아보겠습니다. 자바스크립트에서는 스코프 전체를 살펴보고 함수 선언을 맨 위로 끌어올리기 때문입니다. 그렇다면 어떤 방식으로 ..

Javascript Arguments arguments객체는 함수에 전달된 인수에 해당하는 Array 형태의 객체입니다. MDN문서에서는 arguments객체를 위와 같이 설명합니다. 저는 문서를 보고 전달된 인수를 Array형태의 객체로 갖고 있는 것일까? 하고 생각이 들었습니다. 문서를 더 보니 It has entries for each argument the function was called with, with the first entry's index at 0라고 나와 있습니다. 한마디로 함수가 호출될 때 파라미터를 arguments객체에 담아 놓는 것입니다. 자 그럼 간단하게 확인해보겠습니다. const f1 = function(a, b, c){ console.log(arguments); } ..