- 질문에 의도에 맞게 대답 - 검정
- 의도와 조금 다르거나 부족함 - 노랑
- 대답을 잘 하지 못함 - 빨강
SSR, CSR
- SSR과 CSR을 비교해서 설명해주세요
- 렌더링을 어느쪽에서 담당하는가에 대해 나눠짐. html, css, js와 같은 정적파일을 모두 서버에서 받아와서 렌더링하는 방식이 서버사이드렌더링, 클라이언트는 바뀔때만 렌더링 -
피드백
의도적 뜸들이기
- SPA와 CSR의 개념 차이가 있는지?
- 포인트가 다르다. spa같은 경우는 페이지의 개수에 중점을 둔 것. 하나의 페이지 안에서 사용자의 리렌더링이 발생했을 때 페이지 이동이 실제로 일어나는 것이 아니라 변하는 부분만 바뀌도록 하는것, → 조금 장황했던것이 있었던 것 같음
- 클라이언트 사이드 렌더링은 렌더링을 클라이언트가 담당하는 것. → 여기서 답변이 끝날줄알았는데?
- ssr과 함께 설명 → 뜬금없다기보다는 갑자기 귀를 기울이게됨(저는 긍정적이었음)
- next.js로 유도하는 타이밍이 꽤 괜찮았던 것 같습니다. → 이부분 유도한 타이밍이 자연스러웠다?
-
의도적 뜸들이기
- SPA의 단점?
- 초기 로딩속도가 느리다. 왜냐하면 모든 페이지에 대한 정적파일을 한번에 다운로드 받기 때문에
- 검색엔진최적화가 어렵다. → spa이기 때문에 페이지 이동이 발생하여도 검색엔진은 하나의 html의 파일을 가지는 것으로 조회가 되서 페이지별 meta태그를 모른다
- 답변 -
피드백
의도적 뜸들이기
- CSR이랑 SSR이랑 어떻게 더 좋은가?
- 좋고나쁨의 판단은 어려운 문제 → 트레이드오프를 고려해야한다. ssr은 검색엔진최적화 면에서 우수하기 때문에 이커머스와 같은 성격의 서비스에게는 유리할 것, → 좋았다
- csr 같은 경우는 핸드폰앱 처럼 UX가 중시되는 서비스에서 채택
-
의도적 뜸들이기
-
실행컨텍스트는 언제 생성되는가?
-
실행컨텍스트에는 어떤 정보가 담겨있는가?
- (제가 알기로는) 변수, 스코프체인, this 객체들을 가지고 있다. → 자신감을 더 가지고 하시면 좋을듯(굳이 피드백드리자면)
- key-value, 스코프체인은 외부 컨텍스트에 대한 정보, this 특정 데이터(?)를 가지고 있는?
- this에는 어떻게 데이터가 달라지는가? → 함수호출방식에 따라 달라짐, 메서드방식 방식, 생성자 키워드,
-
클로저와 실행컨텍스트는 어떤관계?
- 클로저는 실행컨텍스트 개념을 활용한 패턴, 실행컨텍스트가 종료된 리턴된 함수에서 종료된 환경에서 외부 함수의 실행컨텍스트를 접근할 수 있게 된다 → 조금 정리가 안됐다는 느낌
- 다시 → 외부에서 내부함수에 접근할 수 있는 패턴, 리턴된 내부함수가 호출됐을때 내부함수의 스코프체인을 통해서 외부함수에 접근한다
의도적 뜸들이기
- 실행컨텍스트의 렉시컬환경에 대해서 알고계신만큼 설명해주세요.
전체적인 피드백
<aside>
💡 직관성 - 무슨 말을 하려는지 빠르게 이해(good), 말하려는 바를 꼬리질문을 통해 이해 (bad)
구체성 - 묻는 개념에 대해 자세하게 이야기(good), 묻는 개념의 일부만을 이야기함 (bad)
정확성 - 올바른 개념에 대해 이야기 (good), 잘못된 정보, 여러 개념을 혼합하여 이야기함 (bad)
태도 및 자세 - 말하는 속도, 강약조절, 자신감, 몸짓의 변화가 적절하다 (good)
</aside>