kunyoungparkk

C++에서는 함수 오버로딩을 자유롭게 사용할 수 있습니다. 인자 개수나 타입에 따라 다른 함수를 같은 이름으로 정의할 수 있죠.하지만 JavaScript는 기본적으로 함수 오버로딩을 지원하지 않습니다. JS 함수는 단 하나의 시그니처만 갖고, 호출 시 전달된 arguments를 해석하는 방식으로 구현자가 직접 분기해야 합니다. 그런데 Emscripten의 Embind를 이용해 C++ 코드를 WebAssembly로 바인딩하면, 놀랍게도 같은 이름의 함수를 오버로딩한 것처럼 JS API에서 쓸 수 있습니다.이번 글에서는 Embind가 어떻게 이를 처리하는지 살펴보겠습니다. select_overload 와 C++ 오버로딩먼저, Emscripten에서 C++ 오버로딩을 JS에 노출하려면 select_overlo..

JS의 모듈 패턴은 코드를 구조화하기 위해 사용된다.즉, JS로 캡슐화를 구현하는 것이다. 따라서 모듈 패턴은 최소 노출의 원칙(POLE)을 따라 가시성을 제어하고, 정보(데이터, 상태)와 동작(함수,메서드)을 한데 묶는다.이를 위해 JS의 특징인 렉시컬 스코프 메커니즘을 이용한다. 모듈은 아니지만 비슷한 데이터 묶음으로,네임스페이스(데이터 없이 관련한 무상태 함수를 묶어놓은 것)와,데이터 구조(데이터와 동작을 묶지만, 가시성 제한을 하지않음)가 있다. 먼저, 모듈 패턴을 구현하기 위해서는 위에서 설명한대로 간단히 렉시컬 스코프 메커니즘을 이용하면 된다.//모듈 팩토리 함수function defineStateModule(){ var state = 0; var publicAPI = { g..

JavaScript의 클로저란?클로저는 함수가 명시적으로 외부 스코프의 변수를 사용하면서,해당 변수에 접근 가능하지 않은 다른 스코프에서 실행할 때 관찰되는 함수의 특성이다.function getCountAdder(){ let count = 0; return function countAdder(){ count++; console.log(count); }}let addCount = getCountAdder();addCount(); // 1addCount(); // 2addCount(); // 3 위 코드에서 보면, getCountAdder 함수는 countAdder라는 내부 함수 인스턴스를 반환한다.이 때 반환된 내부함수인 countAdder는 외부 스코프(getCountAd..

JS, React로 프로그래밍을 하면서도, 정작 JS 파일이 어떻게 브라우저 엔진에서 처리되고 실행되는지에 대해 무지했었다. 책을 읽으면서 관련 내용을 간단히 정리해본다. 보통 프로그래밍 언어를 컴파일 언어와 인터프리터를 거치는 스크립트 언어로 구분할 때,JS는 일반적으로 스크립트 언어로 분류된다.그런데 과연 JS가 마냥 한줄씩 처리되는 인터프리터 언어로 작동할까?자바스크립트를 사용해본 개발자라면, 그렇지 않을 것이라 짐작할 수 있을 것이다. 실제로 JS는 실행 전 별도의 단계에서 파싱과 컴파일이 일어난다.개발자가 지정한 변수/함수/블록의 위치는 파싱/컴파일 단계에서 스코프 규칙에 따라 분석되고,그 결과에 따라 결정된 스코프 구조는 대개 런타임에 영향을 받지 않는다.(비엄격모드에서 eval, with 등..