[4번째] 수경님 모의면접 피드백

• 질문에 의도에 맞게 대답 - 검정

• 의도와 조금 다르거나 부족함 - 노랑

• 대답을 잘 하지 못함 - 빨강

브라우저 렌더링 관련

• 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

• 실행 컨텍스트 생성 시점
• 자바스크립트 전역 컨텍스트 생성 → 스택에 푸시하는데 스크립트를 읽어 내려가면서 → ...
조금 장황한 감이 있습니다. 조금만 더 다듬으면 좋을 것 같아요

• 실행 컨텍스트에 대해 이해하는 것이 왜 중요한가?
• 모든 코드가 실행 컨텍스트를 통해 실행되고 관리되기 때문에
• this, hoisting, closure,,,.

• 클로저의 동작을 실행 컨텍스트의 개념에 맞춰서 설명
• 내부함수가 외부 지역변수에 접근할 수 있는 형태
• 클로저의 개념에 대하여 잘 알고 계신듯 합니다. 조금 더 연관 지어서 설명하셔도 좋을 것 같아요!

• Lexical Environment
• 식별자에 대한 정보
• 외부 환경에 대한 정보
• 꼬리질문) 어떤 외부환경?
• 스코프체인, 선언 되었을 때 외부 환경 (개념은 알고 계신데 더 자신감을 가지셔도 됩니다!)

• 스코프 체인이란?
• 스코프가 이어져있는 체인 형식
• 내부로부터 외부까지 참조해 나가는 방식을 말한다.

전체적인 피드백

• 직관성: 대부분의 질문들에 대하여 잘 대답을 하셨습니다.