"코어자바스크립트" 관련 글 27

자바스크립트 입문_접근권한제어(정보은닉)
자바스크립트 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를 이..
자바스크립트 입문_클로저와 메모리 관리
자바스크립트 2021. 5. 9. 13:02
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) 클로저는 객체지향과 함수형 모두를 아우르는 중요한 개념이다. 메모리 누수의 위험을 이유로 클로저 사용을 조심해야 한다거나 심지어 지양해야 한다고 주장하지만 메모리 소모는 클로저의 본질적인 특성임. 메모리 누수: 개발자의 의도와 달리 어떤 값의 참조 카운트가 0이 되지 않아 GC(가비지컬렉터)의 수거 대상이 되지 않는 경우. 과거에는 의도치 않게 누수가 발생하는 여러가지 상황들이 있었지만, 그중 대부분은 현재의 자바스크립트 엔진에서는 발생하지 않거나 거의 발견이 힘들어 졌으므로 이제는 의도대로 설계한 '메모리 소모'에 대한 관리법만 잘 파악해서 적용하는 것으로 충분함. 관리방법은 매우 간단함. 클로저의 필요성이 사라진 시..
자바스크립트 입문_클로저의 의미 및 원리
자바스크립트 2021. 5. 8. 23:14
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) " A closure is the combination of a function and the lexical environment within which that function was declared" -MDN(Mozilla Developer Network)- 클로저는 함수와 그 함수가 선언될 당시의 lexical environment의 상호관계에 따른 현상. '선언될 당시의 lexical environment'는 실행컨텍스트의 구성 요소 중 하나인 outerEnvironmentReference에 해당함. 어떤 컨텍스트를 A, 그 컨텍스트 A에서 선언한 내부함수를 B라고 할때, 내부함수 B가 A의 LexicalEnvi..
자바스크립트 입문_콜백지옥(callback hell), 비동기(async) 제어
자바스크립트 2021. 5. 8. 17:25
(본 포스팅은 위키북스의 '코어자바스크립트' 책을 공부하면서 작성되었습니다_내돈내산) 콜백지옥(callback hell): 콜백함수를 익명 함수로 전달하는 과정이 반복되어 코드의 들여쓰기 수준이 감당하기 힘들 정도로 깊어지는 현상, 주로 비동기 처리를 위한 작업에서 많이 발생하며 가독성과 유지보수 측면에서 좋지못함. 비동기(asyncronous): 현재 실행중인 코드의 완료 여부와 무관하게 즉시 다음코드로 넘어감. 사용자의 요청에 의해 특정 시간이 경과되기 전까지 어떤 함수의 실행을 보류한다거나(setTimeout), 사용자의 직접적인 개입이 있을 때 어떤함수를 실행하도록 대기한다거나(addEventListener), 웹브라우저 자체가 아닌 별도의 대상에 무언가를 요청하고 그에대한 응답이 왔을 때 비로소..
admin

티스토리툴바