배가 튀어나온 홍학님의 면접 결과

리액트 라이프사이클의 핵심 개념인 mount, update, unmount 단계를 명확하게 설명해주셨고, 각 단계에서 일어나는 작업들과 클래스형/함수형 컴포넌트에서의 구현 방법까지 포괄적으로 답변해주신 점이 매우 좋았습니다. 특히 cleanup 과정의 중요성과 메모리 누수 방지를 위한 구체적인 예시(setTimeout, 이벤트 리스너)를 언급해주신 것도 실무적 관점에서 훌륭했습니다. 다만 함수형 컴포넌트에서 useEffect의 의존성 배열 활용이나 cleanup 함수 반환 방식과 같은 구체적인 구현 방법을 추가로 설명해주시면 더욱 완성도 높은 답변이 될 것 같습니다. 앞으로는 Hook의 의존성 배열과 cleanup 패턴에 대해 더 깊이 학습해보시기를 추천드립니다.

cleanup 함수가 참조를 끊어서 가비지 컬렉터의 대상이 되도록 한다는 기본적인 이해는 좋습니다. 하지만 더 구체적으로 설명하면, cleanup 함수는 컴포넌트가 언마운트되거나 의존성이 변경될 때 실행되어 이전에 등록한 이벤트 리스너, 타이머, 구독 등을 명시적으로 제거하는 역할을 합니다. 예를 들어 `addEventListener`로 등록한 리스너를 `removeEventListener`로 제거하거나, `setInterval`로 생성한 타이머를 `clearInterval`로 정리하는 것이 대표적입니다. 이러한 리소스들이 정리되지 않으면 컴포넌트가 사라진 후에도 메모리에 남아있게 되어 메모리 누수가 발생하므로, cleanup 함수의 구체적인 동작 방식과 실제 사용 예시를 더 학습해보시기 바랍니다.

솔직하게 모른다고 답변해주신 점은 정직한 태도로 좋았습니다. JavaScript의 가비지 컬렉터는 주로 Mark-and-Sweep 알고리즘을 사용하는데, 이는 루트 객체부터 시작하여 참조 가능한 모든 객체를 마킹(mark)하고, 마킹되지 않은 객체들을 메모리에서 제거(sweep)하는 방식입니다. 최신 JavaScript 엔진들은 성능 최적화를 위해 Generational GC, Incremental GC 등의 고급 기법들도 함께 사용합니다. 앞으로 메모리 관리와 가비지 컬렉션 알고리즘에 대해 학습하시면 JavaScript의 메모리 관리 원리를 더 깊이 이해하실 수 있을 것입니다.