MPA(Multi Page Aplication)
주소 새로고침, a 태그, 주소입력 등
=> 실행 할 때 마다 서버에 페이지를 요청해서 들어가는것
?
SSR(Server Side Rendering)
: MPA에서 서버에서 페이지 렌더링을 해서 보내주는 것
정적인 페이지만 내려줄 것인지 동적으로 변하는 데이터까지 포함해서 줄 것인지
SPA(Single Page Aplication)
: router.push, react
=> 처음 실행시 페이지 몽땅 받아오고, 다음에 페이지 이동시 받아온 데이터에서 위치 이동만 해준다.
CSR(Client Side Rendering)
: SPA에서 페이지 이동만 해주는 것
_app.tsx
에서 Head 부분 달아서 모든 페이지에서 지도 다운은 비효율적
콜백함수
함수의 인자로 들어가는 함수
promise
기다렸다가 실행중하는게 아니라 background와 taskQueue 에 넘긴 다음에 나중에 실행된다.()
taskQueue
1. MacroTakQueue : setTimeout, setInterval
2. MicroTaskQueue: Promise => 먼저 다 실행된 다음에 MacroTaskQueue가 실행된다.
async await
위에서 부터 하나하나씩 실행
promise에만 적용가능
axios 는 promise를 사용해서 적용 가능