면접 질문
-
경력 -> 무슨 일을 했는지 적어라.
-
React - virtualDom 은 어떤식으로 비교되고 faint 될까?
virtualDom과 현재 Dom을 비교한 후 재조정을 통해 바뀐 부분만 faint 된다.
-
test code를 짜본 경력은 있었나?
-
함수 컴포넌트가 dom 렌더링 flow를 알고 있는가?
일단 함수컴포넌트가 실행되면 return 윗 부분 다 실행되고 => return 문 실행되고 => useMount 실행된다.
만약 자식 컴포넌트가 존재하면 => 함수 컴포넌트 실행 => 자식 컴포넌트 실행 => 자식컴포넌트 useMount => 함수 컴포넌트 useMount
-
클래스 컴포넌트처럼 부분적으로 렌더링이 되는 것이 아니라 함수 컴포넌트는 전부 렌더링이 되는 것에 대해 이해 하고 있어야한다.
그래서 객체를 새로 만드는 과정을 거치면 useEffect는 얕은 비교를 하기 때문에 객체가 변했다고 판단하여 예상보다 더 잦은 리렌더링이 이루어질 수 있다.
-
hook에 대한 정확한 이해가 필요하다.
-
promise와 callback에 대한 이해가 필요하다.
콜백헬을 해결하기 위해 promise를 사용할 수 있다.
-
setState은 비동기 함수이다. .then()을 사용가능할까?
setState 는 setter function이기 때문에 return 이 없는 함수이다.
-
react에서 setState가 비동기 함수 이기 때문에 제대로 동작하는지에 대한 정확한 이해가 필요하다.
react는 의도적으로 여러번의 setState를 모아서 한꺼번에 처리하기위해 비동기로 설정해 두었음을 인지해야 한다.
-
state 직접 수정을 하면 어떻게 될까?
객체로 state값을 다루고 있기 때문에 immutable하게 변경해야만 변경 점을 인지할 수 있다.
-
포트폴리오에는 프로젝트를 통해 얻은 교훈이 필요하다.
-
브라우저에 주소를 치면 도메인 주소 => dns서버를 통해 => ip주소를 받고 => 서버와 연결하면 => js파일과 html파일 css파일 등을 받아서 => 렌더링한다.
-
https 의 동작방식?
3 way handshake로 연결하고 http를 통해 요청을 주고 받고 4 way handshake로 연결을 끊는다.
스스로 알고 있다고 생각하는 것들도 제대로 면접에서 대답하지 못하는 경우가 많을 것 같아서 미리 정리해두고 공부해야겠다는 생각이 들었습니다.
