Arrow Function 이란 무엇인지 설명해주실 수 있을까요?
ES6에서 처음 등장한 함수 표현 방법으로, 화살표 함수에서는 함수 자체의 this 바인딩이 없고, 상위 스코프의 this를 참조한다는 점이 가장 큰 특징입니다. 그렇기 때문에 화살표 함수는 콜백을 호출할 때 용이합니다. 일반 함수에서의 this는 함수가 어떻게 호출되는지에 따라서 this 바인딩이 동적으로 결정되어 메소드가 선언된 인스턴스가 아니라 다른 객체 인스턴스를 가리킬 수 있습니다. 하지만 화살표 함수는 this가 정적으로 결정되어 언제나 상위 스코프의 this를 가르키기 때문에 이러한 문제를 방지할 수 있습니다.
‘==’와 ‘===’ 연산자의 차이는 무엇인지 설명해주실 수 있을까요?
동등 비교(==) 연산자는 좌항과 우항의 피연산자를 비교할 때 먼저 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값인지 비교합니다. 따라서 동등 비교 연산자는 좌항과 우항의 피연산자가 타입은 다르더라도 암묵적 타입 변환 후에 같은 값일 수 있다면 true를 반환합니다.
일치 비교(===) 연산자는 좌항과 우항의 피연산자가 타입도 같고 값도 같은 경우에 한하여 true를 반환합니다. 다시 말해, 암묵적 타입 변환을 하지 않고 값을 비교합니다. 따라서 정확한 비교를 위해서는 일치 비교 연산자를 사용하는 것이 좋습니다.
Virtual DOM이란 무엇인가요?
DOM이란 트리 구조로 되어있는 객체 모델로써, Javascript가 getElementbyid() 같은 함수를 이용하여 HTML문서의 각 요소(li, head같은 태그들)들을 접근하고 사용할 수 있도록 하는 객체 모델입니다.
가상돔(Virtual DOM)은 DOM의 단점을 보완하기 위해 생겼습니다. 실제 DOM 문서를 추상화한 개념으로, 변화가 많은 View를 실제 DOM에서 직접 처리하는 방식이 아닌 Virtual DOM과 메모리에서 미리 처리하고 저장한 후 실제 DOM과 동기화 하는 프로그래밍 개념입니다.
useRef 에 대해 아는 만큼 설명해주실 수 있을까요?
useRef는 React 함수형 컴포넌트에서 사용되는 Hook의 한 종류로, DOM 요소에 접근하거나 컴포넌트의 상태를 변화시키지 않으면서 컴포넌트 내부에서 변수를 유지하는 용도로 사용됩니다.
