• 질문에 의도에 맞게 대답 - 검정
• 의도와 조금 다르거나 부족함 - 노랑
• 대답을 잘 하지 못함 - 빨강

브라우저 렌더링 관련

• SSR의 특징과 장단점
  • 답변 - 서버로부터 완전히 만들어진 html 파일을 받아 페이지 전체를 렌더링하는 방식
  • 장점: SEO유리, 빠른 초기 로딩속도를 가진다.
  • 단점: 매번 페이지를 요청할 때마다 불편한 사용자경험, 리소스를 받아와서 서버 부하 증가 필요한 모든 개념에 대하여 설명하셨습니다.

의도적 뜸들이기

• CSR 등장 배경, SSR과 어떤 특징이 있는지

  • 답변 - CSR의 장점에 대하여 잘 설명하셨습니다. 조금 장황했기 때문에 다듬을 필요가 있어 보입니다. 피드백

의도적 뜸들이기

• SPA와 CSR이 같은 개념인가요
  • SPA: 하나의 페이지에서 실행된다는 뜻
  • CSR: 렌더링 방식- 둘의 차이점을 잘 이해하고 있습니다

의도적 뜸들이기

• CSR의 장점과 단점
  • 변경된 부분만 가저오기 때문에 속도가 빠르다
  • 사용자 경험 증가
  • 서버에서 필요한 데이터만 요청하기 때문에 서버 부하 감소
• 단점:
• SEO불리
• 초기 JS 파일을 받아와야 하기 때문에 초기 로딩 속도가 느리다. - 피드백

의도적 뜸들이기

• SEO 최적화 방안
  • Next.js 부분적 렌더링,
  • history api를 사용하여 봇이 해당 URL에 접근할 때 URL에 맞는 정보를 요청
  • user-agent를 값으로 봇을 판별.. 렌더링된 템플릿을 보낸다.

의도적 뜸들이기

실행 컨텍스트

• 실행컨텍스트가 무엇이고 어떠한 정보를 가지고 있나요
  • 실행 가능한 코드가 실행되기 위한 환경
  • lexical 환경 정보, binding, 변수 객체 등등... good
• 실행 컨텍스트 생성 시점

  • 자바스크립트 전역 컨텍스트 생성 → 스택에 푸시하는데 스크립트를 읽어 내려가면서 → ...

    조금 장황한 감이 있습니다. 조금만 더 다듬으면 좋을 것 같아요