230116 후발대 강의 정리

1. SPA와 MPA의 각각의 개념과 특징에 대해 설명해주세요
   (중요 키워드 : SEO)

내 답변 :

• spa :
  한 페이지 안에서 그떄그때 필요한 정보를 요청해서 받는 웹

• mpa :
  여러 개의 페이지로 된 웹
  새로운 페이지를 갈 때마다 새로고침 됨

2. 돔과 가상돔(버추얼돔)에 대해서 설명해주세요

내 답변 :

• DOM은 다큐먼트 오브젝트 모델의 약자로 각각의 노드들이 트리로 표현됨(구조화됨)
  -> 잘 모르겠으면 원장님 DOM 특강 다시 듣기

• 버추얼돔 (꼭 알아야 함)
  실제 DOM 트리와 구조가 똑같은 놈
  뭐가 없냐면 api(화면에 그리기 위한 놈들)가 없음 = 엄청 가볍다
  => 원장님의 pdf 받아서 정리 필요

관련 검색 키워드)
setState의 비동기 해결 <- 검색 키워드

3. Javascript 런타임 환경 2가지
   -> 자바스크립트의 런타임환경 2가지는 브라우저, node환경입니다.
   과거에는 브라우저에서만 자바스크립트가 실행될 수 있었지만 업데이트를 통해
   node환경과 같이 브라우저밖에서도 동작할 수 있도록 되었습니다.

4. 불변성은 무엇이며, 리액트에서 왜 중요한가요?(맵과 필터 얘기하기)
   -> 불변성은 메모리에 있는 값을 변경할 수 없는 것
   가변성과 불변성은 리액트에서의 리렌더링조건과 연결되므로 중요합니다.
   배열에서도 map, filterr과 같이 기존의 배열을 수정하는 것이 아닌, 새로운 배열을 내뱉어주는 함수들이 불변성함수에 해당합니다.
   불변성은 데이터의 변하지 않는 속성입니다. 리액트에서 불변성이 중요한 이유는 리액트 가상돔은 메모리의 참조값을 기준으로 비교를하기 때문입니다.
   참조값이 변하지 않는다면 리액트는 변화로 감지하지않아 랜더링에 반영하지 못합니다

-> 모르겠으면 원장님 자바스크립트 강의 듣기

5. 일반 함수와 화살표 함수의 가장 큰 차이점
   화살표 함수는 this 바인딩 x
   일반 함수는 this 바인딩 o

6. Export default, export 차이점
   (import 방식도 쓰기)
   -> export 할 경우에는 import { 함수명 } from * 으로 사용하는데,
   export default 하실 경우에는 import 함수명 from

7. 프롭드릴링이란?
   프롭을 하위 컴포넌트마다 계속해서 내려주는것이고, 생산성 측면에서 어디에서 문제가 발생했는지 찾기가 힘들어집니다
   -> 유지보수 어렵다
   -> 스테이트를 공통적으로 관리하는 도구인 콘텍스트 api가 나왔고 이를 기반으로 리덕스 나옴

7. 순수함수란 무엇일까요?
   어떤 함수에 동일한 인자를 줬을때 항상같은 값을 리턴하는 함수

8. CSR, SSR를 SEO 관점에서 설명해주세요.
   CSR은 빈 html에 클라이언트에서 필요한 부분을 추가하기 때문에
   빈 html을 검색 엔진이 감지하기 어렵다.
   SSR은 서버에서 완성된 html을 주기 때문에 검색 엔진이 감지하기 유리하다