모의면접 기술 질문 다시 적기

1. 호이스팅?

• 잘 대답 못 했던 것 : 단순히 끌어 올린다는 것, var에 대한 예시만 설명하다 어버버 끝냄..

다시 정리 :

호이스팅은 코드를 실행하기 전 변수/함수 선언을 해당 스코프 최상단에 물리적으로 끌어올리는 현상이 아니라 자바스크립트 엔진이 먼저 전체 코드를 스캔하면서 변수 같은 정보를 실행 컨텍스트(코드가 실행되기 위해 필요한 환경 객체) 환경 레코드에 기록해놓는 현상을 말합니다. 코드 실행 전에 이미 변수/함수 선언이 레코드에 저장되어 있어 오류 없이 동작하는 것입니다. 다만 변수 호이스팅의 경우 let과 const는 TDZ에 걸려 오류가 발생하는 것이고 함수 호이스팅의 경우 변수형으로 선언할 경우 에러가 나지만 함수로 선언할 경우 에러가 나지 않고 실행되는 것입니다.

2. async / await 사용법은?

• 정의는 대강 알고 있었지만 사용법에 대해서는 제대로 대답하지 못 함. 실컷 프로젝트 내내 써넣고선..

다시 정리 :

• function 앞에 async를 붙여주고 HTTP 통신을 하는 비동기 처리 코드 앞에 await를 붙여줍니다.
• async 가 붙은 함수는 promise 객체를 반환합니다.

(async/await가 순서적으로 끝나고 리스트를 받아온다 할 때 이후 어떤 기법을 써서 이 동작을 하게 하는지? 비동기적으로 뭔가를 호출하고 난 다음에 순서가 정해져서 완전하게 값을 받아와야만 실행할 수 있는 부분이 있을 떄 (e.g. api 호출해서 dto에 리스트를 받아오고 파싱해서 싶을 때 async/await는 나중에 하는거니까 강제적으로 순서와 순서를 연결해주고 싶을 떄의 기법)

=> 이 부분에 대해서는 자세히 모르겠다. 면접관님의 출제 의도를 잘 모르겠으나 일단 기억해두려고 써 놓는다.

3. virtual Dom의 작동 원리, 왜 쓰는지?

• 대답하긴 대답했는데 깔끔치는 않았다. 정리한 내용을 다시 복붙해본다.

다시 정리 :

Virtual Dom은 Real Dom의 추상화 개념입니다. 즉 메모리에서 미리 처리하고 저장한 후 실제 Dom과 동기화 하는 프로그래밍입니다. 이런 패턴으로 Real Dom 보다 가볍고 빠른 렌더링이 가능하기 때문에 압도적으로 Dom의 부담을 줄여주며 실제 둘의 구조상 차이는 없기 때문에 이해하기 편하다는 장점이 있어서 React 등 다양한 라이브러리에서 채택하여 사용하고 있는 패턴이라고 볼 수 있습니다.

4. RestFul API의 정의

• 백엔드 할 때 했던 내용인데 많이 까먹었다. 다시 정리해본다.

다시 정리 :

로이 필딩이 웹설계의 우수성에 비해 제대로 사용되지 못하는 모습에 안타까워하며 웹의 장점을 활용할 아키텍쳐로 REST를 발표한 것이 탄생배경입니다.
6가지 특징이 있는데 유니폼 인터페이스, 무상태성, 캐셔블, 자체 표현 구조, 클라이언트-서버구조, 계층형 구조로 나눠 볼 수 있습니다.

• 그 외 좀 더 깊게 보려면 내가 쓴 거 다시 보기
  내가 쓴 블로그