"전체 글" 관련 글 109

자바스크립트 입문_프로토타입(prototype)
자바스크립트 2021. 5. 19. 13:16
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) 자바스크립트는 프로토타입(prototype)기반 언어임. 프로토타입 기반의 언어에서는 어떤 객체를 원형(prototype)으로 삼고 이를 복제(참조) 함으로써 클래스기반 언어의 '상속'과 비슷한 효과를 얻음. var instance = new Constructor; // 이러한 코드 구문을 순서대로 풀어서 설명해보면 ! 어떤 생성자 함수(Constructor)를 new연산자와 함께 호출하면 Constructor에서 정의된 내용을 바탕으로 새로운 인스턴스(Instance)가 생성됨. 이때 instance에는 __proto__ 라는 프로퍼티가 자동으로 부여됨. 이 프로퍼티는 Constructo..
자바스크립트 입문_커링함수(currying function)
자바스크립트 2021. 5. 9. 19:10
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) 커링함수 : 여러개의 인자를 받는 함수를 하나의 인자만 받는 함수로 나눠서 순차적으로 호출될 수 있게 체인 형태로 구성. : 한번에 하나의 인자만 전달하는 것을 원칙으로 함. : 중간 과정상의 함수를 실행한 결과는 그 다음 인자를 받기위해 대기만 할뿐, 마지막 인자가 전달되기 전까지는 원본 함수가 실행되지 않음. let curry5 = function (func) { return function (a){ return function (b){ return function (c){ return function (d){ return function (e){ return func(a,b,c,d,e) }; }; }; }; }; ..
자바스크립트 입문_부분적용함수 구현
자바스크립트 2021. 5. 9. 18:38
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) Object.defineProperty(global, '_',{ value: 'EMPTY_SPACE', writable: false, configurable: false, enumerable: false, }); const partial2 = function (){ console.log("args: ", arguments) let originalPartialArgs = arguments; let func = originalPartialArgs[0]; if (typeof func !== 'function'){ throw new Error('첫 번째 인자가 함수가 아닙니다.'); } return function() { le..
자바스크립트 입문_접근권한제어(정보은닉)
자바스크립트 2021. 5. 9. 16:30
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) 정보은닉(information hiding): 어떤 모듈의 내부 로직에 대해 외부로의 노출을 최소화해서 모듈간의 결합도를 낮추고 유연성을 높이고자 하는 현재 프로그래밍 언어의 중요한 개념. - public: 외부에서 접근 가능 - private: 내부에서만 사용하며 외부에 노출되지 않음. !! 자바스크립트에는 변수에 이러한 접근권한을 부여하도록 설계되어있지 않지만, 클로저를 이용해 함수차원에서 public한 값과 private한 값을 구분하는 것이 가능함. - 자동차 객체 생성 - 접근권한을 제어해보며 자동차 객체 만들기 규칙1. 각 턴마다 주사위를 굴려 나온 숫자(km) 만큼 이동한다. 규칙2. 차량별로 연료량(fue..
자바스크립트 입문_콜백함수 내부에서 외부 데이터를 사용하고자 할때
자바스크립트 2021. 5. 9. 13:56
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) - 이벤트 리스너에 관한 클로저 예시(1) - let fruits = ['apple', 'banana', 'peach']; let $ul = document.createElement('ul'); fruits.forEach(function(fruit){ let $li = document.createElement('li'); $li.innerText = fruit; $li.addEventListener('click', function(){ alert('your choice is ' + fruit);// 클로저 }); $ul.appendChild($li); }); forEach의 콜백함수가 addEventListener를 이..
admin

티스토리툴바