3:30분 ~ 3시 50분 까지
- 다음 면접 3시 55분 시작
4:13분 4:33분
주제1.
- 노션프로젝트 SSR, CSR 중 어떤 것 선택?
- SPA, CSR 방식 선택
- 데이터 크기가 크지 않아서 SPA, CSR
?타당한 이유라고 생각이 안들었음 - 부드러운 사용자 경험을 주었다고 생각
그거 자체가 이유라고 하면 좋았을 듯
의도적 뜸들이기- CSR 특징, 장단점?
- 렌더링 주체가 client
- 상태변화시 client가 렌더링을 담당할 경우 좋은 사용자 경험 줄 수 있다
꼬리)왜?- 변해야 할 모든 정보를 server에서 받아옴
용어선택 아쉬움 - SSR은 화면깜빡임 현상
꼬리)화면깜빡임 현상은 왜?- ,,,
- SPA에서의 SEO문제의 원인과 해결방안
- 원인
- 모든정보를 한 번에 받아오는 SPA, 초기 html은 변하지 않고 유지, 새로운 router로 들어왔을 경우 크롤러 검색 엔진이 이를 읽어오는 것에 무리가 올 수 있다.
- 해결방안
- react-next.js
- 구체적인 방식은?
- CSR과 SSR을 적절히 혼합해서 사용
의도적 뜸들이기- 전통적인 방식의 렌더링 방식과 모던 렌더링 방식
의도한대로 적절한 분량과 강도로 말씀하심 - 전통
- 많은 html 페이지를 가지고, 응답을 받아 브라우저 렌더링 (MPA 키워드)
키워드먼저!-면접관을 위한 배려,밑그림 그려주기 - 화면 깜빡임 치명적 포인트
전환Good - SPA의 등장
- ~~,
- client 역할이 커저서 초기 렌더링 속도가 느리는 단점,
전환 - 최근
- SSR + CSR의 혼합방식
- 의견
- 어떤 서비스이냐가 방식을 설정하는 것이 중요하다고 생각
좋은포인트, 살짝 뜬금 없는 느낌조금 더 유도하면 좋았을 듯
의도적 뜸들이기- 실행컨텍스트가 가지고 있는 정보는 무엇인지?
- key-value 형태로 함수 식별자를 가지고 있음
- 식별자에 바인딩 된 값
이게뭐지?불확실 정보 - 상위스코프의 정보
- 한가지 더 ?
불확실 정보
의도적 뜸들이기- 실행 컨텍스트를 이해하는 것이 왜 중요할까요?
- 모든 개념이 실행컨텍스트와 연관
- 선언부터 호이스팅, 스코프체인 ... ,
코드 동작 순서를 이해할 수 있다는 것 말해주면 좋을 듯+ 디버깅 유용하고, 코드 독해능력
- 호이스팅
- 끌어올려지는 방식
미괄식 사용 ㅠㅠ 두괄식이면 더 좋을 듯
- 스코프체인
- 현재 실행되고 있는 코드의 실행컨텍스트에서 필요한 값이 없을 때, 상위 컨텍스트로 거슬러 올라가는 메커니즘
- 상세설명
전체적인 피드백
직관성 - 무슨 말을 하려는지 빠르게 이해(good), 말하려는 바를 꼬리질문을 통해 이해 (bad)
구체성 - 묻는 개념에 대해 자세하게 이야기(good), 묻는 개념의 일부만을 이야기함 (bad)
정확성 - 올바른 개념에 대해 이야기 (good), 잘못된 정보, 여러 개념을 혼합하여 이야기함 (bad)
태도 및 자세 - 말하는 속도, 강약조절, 자신감, 몸짓의 변화가 적절하다 (good)
- 말의 장황함이 많이 줄어들었다고 생각.
이전보다 낫다. 그니까 장황한 것이 진짜 듣기에는 큰 부분이다.고민하는 시간은 조금 더 길어졌지만, 말은 그만큼 깔끔해졌다고 느꼈다.
- 내가 아는 개념들과 아닌 것들의 차이가 많이 느껴졌다. 아직 1회독이라서 처음부터 완벽하게 해내려는 조급함을 비우셔도 될 것 같아요. (저도 2회독이라서 부드러워졌지, 처음에는 횡성수설 ...)