웹 개발에서 살아남기

화살표 함수(Arrow Function)로 인스턴스를 생성할 때 발생하는 TypeError의 원인을 자바스크립트 엔진 관점에서 분석했습니다. this 바인딩의 차이, prototype 프로퍼티의 부재, 그리고 new 연산자의 내부 동작 과정을 상세히 정리했습니다.📂 JavaScript Core의 1번째 글입니다. 화살표 함수에는 왜 'new'를 쓸 수 없을까?자바스크립트에서 객체를 찍어내는 방법은 여러 가지입니다. 가장 흔한 게 class지만, 그 뿌리는 결국 생성자 함수(Constructor Function)에 있습니다.function Person(name) { this.name = name;}const p = new Person('Alice'); // 정상 동작그런데 요즘 많이 쓰는 화살표 함수(..

React 19부터는 forwardRef 없이 컴포넌트에 ref를 직접 넘길 수 있습니다. 달라진 ref 전달 방식과 제네릭 컴포넌트 타이핑, 그리고 useImperativeHandle을 활용해 부모에게 커스텀 메서드를 노출하는 방법까지 한 번에 정리했습니다. 이제 forwardRef는 안녕? React 19에서 ref 다루기React로 재사용 가능한 컴포넌트를 만들 때 가장 번거로웠던 것 중 하나가 바로 ref 처리였습니다. 고작 DOM 접근 권한 하나 넘겨주자고 forwardRef로 감싸고, 디버깅용 이름(displayName)을 따로 적어주는 과정은 꽤나 비효율적이었죠.React 19에서는 이 구조가 완전히 개편되었습니다. 이제 ref도 className처럼 그냥 prop으로 넘기면 됩니다. 자식 ..