React 기술면접 예상질문 미리보기 <4>

Q (1). Javascript의 호이스팅에 대해 설명해주세요.

수강생 답변

멘토님 피드백

😄 좋은 부분

• 각 키워드 별(var, let, const, function)로 호이스트 적용 방식을 잘 설명한 부분
“var 키워드로 선언한 변수의 경우, 선언 전에 참조해도 에러가 발생하지 않고 undefined가 출력됩니다.” (var)
“let과 const로 선언한 변수는 선언 전에 참조하려고 하면 ReferenceError가 발생합니다.” (let, const)
“함수 선언식으로 정의한 함수는 선언 전에 호출해도 정상적으로 동작합니다.” (function)

Q (2). 동기와 비동기의 차이에 대해 설명해주시고 비동기 프로그래밍의 필요성에 대해 답변해주세요.

수강생 답변

멘토님 피드백

😄 좋은 부분

• 비동기의 필요성을 4가지 키워드를 중심으로 잘 설명한 부분
“비동기 코드를 사용하면 느린 작업이 다른 작업을 차단하지 않고 병렬로 처리되므로 전체 성능이 향상됩니다.” (성능 향상)
“비동기 코드를 사용하면 사용자 인터페이스가 블록 되지 않고 계속 반응할 수 있어 사용자 경험을 향상시킵니다.” (반응성 향상)
“비동기 코드를 사용하면 자원(예: CPU, 메모리)을 효율적으로 활용할 수 있어 대용량 데이터를 처리하거나 다수의 클라이언트 요청을 처리하는 서버 애플리케이션에 유용합니다.” (자원 효율성)
“웹 애플리케이션에서 서버와의 통신은 주로 비동기 방식으로 이루어지며, 서버 응답을 기다리는 동안 다른 작업을 처리할 수 있어야 합니다.” (네트워크 통신)

Q (3). 브라우저의 작동 방식에 대해서 설명해주세요

수강생 답변

멘토님 피드백

😄 좋은 부분

• 브라우저 작동 방식을 단계별로 잘 설명하고 있는 부분
URL 입력 및 요청 → DNS 조회 → HTTP 요청 → 서버 처리 → 렌더링 엔진 → DOM 생성 → CSSOM 생성 → 렌더 트리 생성 → 레이아웃 → 페인트 → JavaScript 실행
 

🤔 아쉬운 부분

• DNS 조회 단계에 ‘로컬호스트 파일’에 대한 설명이 없는 부분
• DNS 조회 설명을 보완하기 위해 DNS 서버를 통한 조회에 앞서, 브라우저가 로컬시스템의 호스트 파일을 먼저 검사하는 과정을 추가할 것 " URL에는 도메인 이름이 포함되어 있는데, 이를 IP 주소로 변환하기 위해 먼저 로컬 시스템의 호스트 파일을 검사합니다. 호스트 파일은 운영체제에서 도메인 이름과 IP 주소의 정적 매핑 정보를 저장하는 파일입니다. 호스트 파일에 해당 도메인 이름과 IP 주소의 매핑 정보가 있다면 그 정보를 사용합니다. 만약 매핑 정보가 없다면 DNS(Domain Name System) 서버를 통해 실제 IP 주소 조회가 이루어집니다.” (예시)

Q (4). GET, POST 방식의 차이점에 대해서 설명해주세요.

수강생 답변

멘토님 피드백

😄 좋은 부분

• 보안적인 관점에서 어떤 메서드를 사용하는 게 적절한지 설명하는 부분
“데이터가 URL에 노출되기 때문에 민감한 정보를 전송하는 데에는 적합하지 않습니다.” (GET 방식)
“POST 방식은 요청 본문에 데이터를 포함해 전송합니다. 따라서 URL에 데이터가 노출되지 않습니다. POST는 요청 본문을 사용하여 데이터를 전송하므로, 대량의 데이터를 안전하게 전송할 수 있습니다.데이터가 URL에 노출되지 않아 GET보다는 보안이 더 좋다고 할 수 있습니다.” (POST 방식)
 

🚢 개발자 취업 준비 어떻게 시작해야 할지 모르겠나요? 취업으로 향하는 거친 항해에서 든든한 메이트가 되어 드리겠습니다.