JS

Unbundling the JavaScript module bundler - DublinJS July 2018Today we all use Webpack (right?), but I remember a time when you had to manually copy-paste JavaScript files to create a package of libraries you could use in your frontend application. Many years have passed since then and the landscape of module bundlerslides.com 아무것도 없는 상태에서 시작해서 단계적으로 모듈, 번들러를 설명해주셔서 이해하기 쉬웠다. 모듈-> 여러개로 분리된 코드 조각 ..

문제 위와 같은 디자인을 구현하던 중 문제가 발생했습니다. 일단 검색창에 focus 이벤트가 발생하면 옵션창이 뜨고, blur 이벤트가 발생하면 다시 사라지도록 하였습니다.또한 옵션에 click 이벤트가 발생하면 선택된 옵션을 데이터 리스트에 추가하도록 하였습니다. 하지만 생각과는 달리 옵션의 onClick 에 등록한 이벤트 핸들러가 아예 실행되지 않는 걸 알 수 있었습니다. 해결 방법 onClick 대신 onMouseDown 에 이벤트 핸들러를 등록한다. onMouseDown={(e) => { e.preventDefault() }} 를 추가하고, onClick은 그대로 둔다. 여러 블로그를 통해 해결 방법을 찾을 수 있었지만, 명확한 설명은 찾을 수 없었습니다. 왜 mousedown 이벤트를..

기억할 만한 내용 정리(두서없음) function foo() { x = 10;}foo();console.log(x);10이 출력된다.foo에서 x변수가 어디에서 선언되었는지 스코프 체인을 통해 찾기 시작한다. 전역 변수에도 없다. ReferenceError를 발생시킬 것 같지만 자바스크립트 엔진은 암묵적으로전역 객체에 x 프로퍼티를 동적 생성한다.이때 전역 객체의 x 프로퍼티는 마치 전역 변수처럼 사용할 수 있다.이러한 현상을 암묵적 전역(implicit global)이라 한다.-> strict mode를 잘 쓰자  빌트인 객체자바스크립트 객체의 분류표준 빌트인 객체ECMAscript 사양에 정의된 객체를 말하며, 애플리케이션 전역의 공통 기능을 제공한다.표준 빌트인 객체는 ECMAscript 사양..

기억할 만한 내용 정리(두서없음)1~20장   객체 생성 방법객체 리터럴.Object 생성자 함수.생성자 함수.Object.create 메서드클래스(ES6) primitive type 은 pass by value 이지만 object는 항상 pass by reference원시타입은 불변이다.한번 생성된 원시 값은 read only값으로서, 변경할 수 없다. 원시 값을 할당한 변수에 새로운 원시 값을 재할당하면 메모리 공간에 저장되어 있는 재할당 이전의 원시 값을 변경하는 것이 아니라, 새로운 메모리 공간을 확보하고 재할당한 원시 값을 저장한 후, 변수는 새롭게 재할당한 원시 값을 가리킨다. 이때 변수가 참조하던 메모리 공간의 주소가 바뀐다.-> 변수가 나타내는 메모리의 주소는 할당할 때마다 계속 바뀐다.그..