오늘은 후발대수업에서 면접과 관련한 수업을 진행했다. 운이좋게 알고있는 것을 많이 물어보셔서 적극적으로 참여했던 것 같다.
면접수업 질문목록
1. SPA와 MPA의 각각의 특징과 개념에 대해 설명해주시오.
SPA를 CSR(Client Side Rendering) 방식으로 렌더링
MPA를 SSR(Server Side Rendering) 방식으로 렌더
MPA 장점
SEO 관점에서 유리하다.
MPA 단점
새로운 페이지를 이동하면 ‘깜빡’인다. (UX)
매 페이지 요청마다 리로딩(새로고침)
SPA 장점
자연스러운 사용자 경험 (UX)
전체 페이지를 업데이트 할 필요가 없기 때문에 빠르고 ‘깜빡’ 거림이 없다.
컴포넌트별 개발 용이 (생산성)
SPA 단점
JavaScript 파일을 번들링해서 한 번에 받기 때문에 초기 구동 속도가 느리다. (Webpack의 code splitting으로 해결 가능)
2. DOM과 가상DOM의 차이에 대해 설명하시오
setState의 비동기 해결
3. 브라우저의 런타임환경 2가지
자바스크립트의 런타임환경 2가지는 브라우저, node환경입니다. 과거에는 브라우저에서만 자바스크립트가 실행될 수 있었지만 업데이트를 통해 node환경과 같이 브라우저밖에서도 동작할 수 있도록 되었습니다.
4. 불변성 가변성
가변성과 불변성은 리액트에서의 리렌더링조건과 연결되므로 중요합니다. 배열에서도 map, filterr과 같이 기존의 배열을 수정하는 것이 아닌, 새로운 배열을 내뱉어주는 함수들이 불병성함수에 해당합니다.
5. 일반함수 화살표함수의 차이
this바인딩의 유무차이이다.
일반함수는 this바인딩 하고, 화살표함수는 this바인딩 안한다.
6.export와 export default의 차이
export는 export해주는 함수의 이름을 변경할 수 없으며, export default에서 export해주는 함수의 이름은 변경하여 사용할 수 있습니다
7.porp drilling
Prop drilling이란 전역객체라이브러리인 redux가 나오기전 발생했던 문제입니다. props란 기본적으로 부모컴포넌트에서 자식컴포넌트로 내려지게되는데 이 과정에서 사용하지않는 컴포넌트까지도 prorp이 전달되어 의도치않은 문제가 발생할 수 있습니다.
8. 순수함수란?
같은 값을 넣으면 항상 동일한 값을 리턴해주는 함수
리액트가 순수함수임
'내일배움캠프[4기_Reac트랙] > TIL' 카테고리의 다른 글
| 내일배움캠프 React트랙 57일차 회고 (2022.01.19) (0) | 2023.01.19 |
|---|---|
| 내일배움캠프 React트랙 56일차 회고 (2022.01.17) (0) | 2023.01.18 |
| 내일배움캠프 React트랙 54일차 회고 (2022.01.13) (0) | 2023.01.16 |
| 내일배움캠프 React트랙 53일차 회고 (2022.01.12) (0) | 2023.01.12 |
| 내일배움캠프 React트랙 51일차 회고 (2022.01.10) (0) | 2023.01.11 |
