옥스턴님의 면접 결과

두 훅의 실행 시점 차이를 정확하게 설명해주셨고, useLayoutEffect가 동기적으로 동작하여 레이아웃 관련 작업에 적합하다는 핵심을 잘 짚어주셨습니다. layout shift 방지와 화면 깜빡임 방지라는 구체적인 사용 사례도 적절히 언급하셨네요. 추가로 useLayoutEffect가 DOM 변경 후 브라우저가 화면을 그리기 전에 동기적으로 실행되는 반면, useEffect는 화면이 그려진 후 비동기적으로 실행된다는 점을 더 명확히 하시면 더욱 완성도 높은 답변이 될 것 같습니다. React의 렌더링 라이프사이클과 연관지어 학습해보시길 권합니다.

레이아웃 시프트의 개념을 정확하게 이해하고 계시네요. 화면 렌더링 후 요소의 예상치 못한 위치 변화와 이로 인한 사용자 경험 저하를 명확히 설명해주셨습니다. 추가로 CLS(Cumulative Layout Shift)라는 웹 성능 지표와의 연관성이나, 이미지나 광고 로딩, 폰트 로딩 등 구체적인 발생 원인들을 함께 언급하시면 더욱 완성도 높은 답변이 될 것 같습니다. 웹 성능 최적화 관점에서 레이아웃 시프트 방지 기법들도 학습해보시길 권합니다.

Layout shift의 발생 원인을 매우 정확하고 포괄적으로 설명해주셨습니다. 동적 위치 계산, 동적 광고 로딩, 고정되지 않은 이미지 사이즈 등 실무에서 자주 마주하는 구체적인 원인들을 잘 제시해주셨고, 공간 미리 확보와 useLayoutEffect 활용이라는 해결 방안까지 함께 언급해주신 점이 인상적입니다. 특히 사용자 경험 관점에서 문제를 바라보고 실무적인 해결책을 제시하는 접근 방식이 매우 좋았습니다.