HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🌳
말하면서 배워요 스터디
/
🌱
[5회차] 두번째 모의면접 기록
/
[2회차] 연주님 모의면접 피드백

[2회차] 연주님 모의면접 피드백

4:55 ~ 5:15
색상으로 피드백 표현
  • 질문에 의도에 맞게 대답 - 검정
  • 의도와 조금 다르거나 부족함 - 노랑
  • 대답을 잘 하지 못함 - 빨강

주제1. 브라우저 렌더링

[질문List 보기]
[2w] 브라우저 렌더링
  • 1. www.`~com 입력시 서버 요청 과정
  • 3-way handshake
    • syn-ack 상대방 pc와 연결
  • 브라우저렌더링
    • html파싱 중단? 동기적 실행이기 때문에 (다른프로세스?)
    • 렌더트리가 가지는 정보는?
      • DOM + CSSOM 합친 정보
  • 리플로우, 리페인트
    • 화면이 변경될때 수행
    • 리플로우: 요소의 크기, 위치 조정
    • 리페인트: 리플로우의 결과를 화면에 그려준다.
      • 전체 리플로우 (글꼴변경, 화면크기 변경) 조금 더 고민하는 모습보여주면 좋을듯
      • 부분 리플로우 (특정 엘리먼트 변경 및 추가)
    • 줄이는 방법: Virtual DOM 이용
      • virtual dom이 항상 성능적으로 이득인가?
  • reflow, repaint 과정 어떻게 확인? (크롬개발자도구!)

주제2. 해시테이블

[질문List 보기]
[2w] 해시테이블
  • 해시테이블 키 값으로 이루어진 자료구조

전체적인 피드백

💡
직관성 - 무슨 말을 하려는지 빠르게 이해(good), 말하려는 바를 꼬리질문을 통해 이해 (bad)
구체성 - 묻는 개념에 대해 자세하게 이야기(good), 묻는 개념의 일부만을 이야기함 (bad)
정확성 - 올바른 개념에 대해 이야기 (good), 잘못된 정보, 여러 개념을 혼합하여 이야기함 (bad)
태도 및 자세 - 말하는 속도, 강약조절, 자신감, 몸짓의 변화가 적절하다 (good)
  • 전반적으로 개념이 잘 잡혀 계신 것 같았습니다. 답변들이 모두 명확한 답변인 것 같아 좋았습니다. (상윤)
  • 2