목록함수 (6)
함께 성장하는 프로독학러
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 Node.js 를 이해하는데 필수적인 개념인 콜백함수와 동기, 비동기적 처리에 대해서 알아보도록 하겠습니다. 저번 포스팅에서 Node.js 의 특징 중 첫 번째가 무엇이었는지 기억하시나요? 그것은 바로 '비동기적 I/O 처리, 이벤트 위주' 였습니다. * I/O 는 input, output 을 의미합니다. 동기 / 비동기 비동기적 I/O 처리. 저번 포스팅에서 Node.js 의 특징에 대해서 설명하면서 간단히 설명했지만 아직 감이 안 잡히시는 분들이 많을 것입니다. 비동기의 반댓말은 동기 입니다. 이를 영어로 표현하면 다음과 같습니다. Synchronous (동기) ASynchronous (비동기) 보통 프로그래밍에서 코드의 실행은 작성된 코드의 위에서 ..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 자바스크립트의 생성자 함수와 prototype 객체에 대해서 알아보도록 하겠습니다. 먼저 prototype 객체에 대해서 알아보겠습니다. 일단 이름부터가 무시무시합니다. 저도 처음에 프로토타입 객체니 생성자니 this니 constructor니... 하는 용어들에 압도된 적이 있었는데요, 천천히 알아가 보도록 합시다. 자바스크립트에는 여러가지 데이터 형태가 있습니다.Boolean, Number, String, Null, undefined, Object, Array, Function 등 여러가지의 데이터 타입이 있습니다.이 데이터 타입을 크게 기본 타입과 객체로 나누어 볼 수 있습니다. 기본 타입 : Number, String, Boolean, undefin..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 배열의 원소를 정렬하는 메서드인 sort 메서드에 대해서 알아보도록 하겠습니다. 표현식은 다음과 같습니다. arr.sort([compareFunction])sort메서드의 인자로는 배열의 원소를 비교하는 함수가 들어옵니다.만약 함수가 생략되면 각 문자의 유니코드 포인트 값에 따라 정렬됩니다.*유니코드 값에 대한 설명 - 네이버 지식백과 만약 함수가 생략되지 않는다면 compareFunction은 두 개의 인자를 받습니다.각각의 인자는 배열안의 비교대상인 a와 b입니다.그리고 sort 메서드의 정렬되는 기준은 compareFunction의 리턴값이 양수, 음수, 0 이냐에 따라 달라집니다. 이를 예제와 함께 알아보도록 하겠습니다. 12var arr = [2..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 직관적으로 이해하기 힘든 'this'란 녀석에 대해서 알아보도록 하겠습니다. 자바스크립트에서 this란 함수의 현재 실행 문맥을 의미합니다. 실행 문맥이란 단어가 익숙하지 않으신 분들을 위해 첨언 하자면, '함수가 실행되는 객체'라고 이해하시면 될 것 같습니다.전역에서 실행되고 있는 함수라면 전역객체 Window의 메소드가 실행 되는 것이므로 이때 함수의 this는 Window 객체 입니다. this가 현재 함수의 실행 문맥이라 했는데, javascript에는 4가지의 함수 실행 타입이 있습니다. 함수 실행 : alert('Hello world') 메소드 실행 : console.log('Hello world') 생성자 실행 : new RegExp("\d"..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 ES6의 arrow function과 기존 자바스크립트의 함수선언(function declaration)의 차이점에 대해서 알아보도록 하겠습니다.ES6로 넘어오면서 arrow function이 기존의 함수선언을 완벽히 대체할 수 있을거라 생각하시는 분들이 계실 것 같은데요, (저 역시도 그렇게 생각했습니다) 둘은 같은 듯 하지만 다른점이 있습니다. 일단 이를 이해하기 위해서는 this에 대한 이해가 필요합니다.* this에 대해서 알아보려면 다음 링크를 참조하세요. ES6의 화살표함수(arrow function) 이전에는 모든 새로운 함수는 자신만의 this를 정의 했습니다(이 함수가 생성자인 경우는 새로운 객체, 엄격모드 함수 호출에서는 undefine..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 ES6의 새로운 기능인 arrow function에 대해서 알아보겠습니다. arrow function은 익명함수를 기존 자바스크립트 문법보다 좀 더 간단하게 표현할 수 있는 방식입니다. 표현식은 다음과 같습니다. const (혹은 let) 변수명 = (파라미터) => { ... 함수 내용 ... } 비교를 위해 기존 자바스크립트에서 익명함수를 변수에 할당하는 것과 비교해 보겠습니다. 123var _addFunc = function(a, b){ return a+b;}cs 다음은 같은 예제를 arrow function을 이용해 만든 것입니다. 123const _addFunc = (a, b) => { return a+b;}cs 훨씬 간단하게 표현할 수 있는 것..