[1주차] 용상님 모의면접 피드백

주제1

• 1. 쿠키와 세션에 대해 간단히 설명
• 답변
• 피드백
• (흐름빠르다면 색으로 표현) this는 ~~, ~~, ~~ 이다. 말이너무 빠르다고 생각

• 질문2
• 답변
• 피드백

주제2

• 질문1
• 답변
• 피드백

• 질문1
• 답변
• 피드백

쿠키

• 쿠키의 동작 원리
• 유효기간을 정할 수 있다

• 장점
• 웹 스토리지에 비해 저장용량이 작다
• 쿠키와 함께 전송해야 하기 때문에 성능저하가 일어남
• - XSS 공격에 대하여 설명하지 않음

• 보안상의 문제
• 이 부분은 답변하지 못했다.

스토리지

• 주의해야 할 점
• 로컬, 세션 → 로컬 특징: 데이터가 사라지거나 하지 않음. 도메인이 다른 경우는 유지가 되지 않기 때문에 이용을 할 수 없다
• 세션별로 저장을 하기 때문에 같은 도메인이더라도 다른 세션에 있으면 데이터 이용 불가 → 좋은 답변인듯함. 세션과 로컬에 차이에 대해 잘 설명함

비동기

콜백

• 콜백 지옥
• 처리 순서를 보장하기 위하여 중첩사용에 의해 발생
• 에러 처리가 힘들고 가독성이 떨어짐
• 왜 ? 어디서 에러가 발생했는지 확인이 어렵다

async/await

• promise와 await 선호?
• await 선호 → 동기적으로 보이게 할 수 있고 간결해짐

• 프로미스, await 차이
• try...catch, then...catch 에러처리방식 달라짐

• 이전 결과 처리 방법
• promise는 promise 체인으로 받는다... 뒤에 더 세부 설명을 붙이면 좋을거라고 생각합니다.

• 코드 질문
• 길게 생각할 일이 있을 떄는 면접관에게 양해를 구하는게 좋을거 같습니다.

XMLHttpRequest

var, let, const

• 차이점
• var 선언 초기화 동시에 이루어짐, let const 선언과 초기화가 따로 이루어진다
• → 조금 더 세부적인 설명이 있었으면 좋겠다.
• →
 

클로저

• 어떻게 이런 현상이 일어날 수 있는지
• 클로저는 함수가 생성됬을 때 자신이 생성된 환경을 기억 → 스코프 밖에 선언이 된 변수에 접근이 가능

this

• 메서드 내에서 중첩 함수 선언 내에서 this 사용할 때 같은 this랑 같은 this를 가리키게하려면 어떻게 해야 할까?
• 가능한 모든 경우에 대하여 잘 설명하였음

이벤트루프

• 동작 원리:
• 코드에서 함수가 실행될 때 콜스택에 쌓임 → 비동기 작업은 웹 api에 위임 → 대기중인 콜백함수를 콜스택에 넘겨줌
• 첫 질문이 너무 간단하게 끝이나는거 같습니다.(꼬리 질문 요청하는건가요?)

함수의 호출 과정

• 실행 컨텍스트에 공부하지 않아 답변이 어려웠습니다.

스택 / 큐

• 선입선출 후입선출
• 질문과 다른 답변을 했음

• 자바스크립트 내에서 쓰임새
• 콜스택 ?? 어디갔을까..
• 자신감이 부족한 답변이었습니다.
• 개인적으로 추임새가 많은거 같습니다.(그, 어)

var value = 1000

function delay = () => {
	return new Promise((resolve, reject) => {
    	console.log('1 : ',value);
    	value = 300;
        
      setTImeout(() => {
      	value = 150;
        console.log('2: ', value);
        
        resolve(value);
      });
    }
}


(async () => {
	const data = await delay();
  console.log('3 :', data);
})();

value = 200
	console.log('4 :', value);

전체적인 피드백

• 전체적으로 차분히 말씀하셔서 페이스 조절이 잘 되시는듯 합니다.