기술 면접 스터디 (6)

배열, 객체를 const로 선언했는데 요소나 속성을 추가할 수 있는 이유에 대해서 설명해주세요

• 배열과 객체는 참조 자료형(값)이기 때문에 변수에 값 자체가 아닌 주소를 할당

• const키워드로 선언 및 할당을 하더라도, 해당 변수에는 주소만 담겨있기 때문에 요소나 속성을 추가 가능

• const를 사용하면 새로운 값이 할당되는 것을 방지 가능, 깔끔하고 안정적인 코드 작성 가능

• 실제 요소들은 push, pop으로 변경이 가능하다.

참조 자료형

• 참조 자료형은 메모리 상에서 데이터가 저장된 주소, 즉 참조값을 저장하기에 참조 자료형이라 불린다.
• 배열, 객체, 함수

useRef가 필요한 상황을 예시를 들어 설명해주세요

• useRef는 저장공간 또는 DOM요소에 접근하기 위해 사용되는 React Hook입니다.

• Ref는 reference, 즉 참조를 뜻합니다.

• 자바스크립트에서 특정 DOM을 선택하기 위해 querySelector 등의 함수를 사용하는데 React에서는 DOM을 직접 선택해야 하는 상황일 때 useRef라는 React Hook을 사용합니다.

• 스크롤 이벤트

• 특정 input에 focus 주기

• canvas 요소에 그림 그리기 등