- typescript 핸드북 시작하기, 인터페이스 읽기
인터페이스 좀 어려운데 이거 오히려 자바스크립트를 더 파고들어야 할 거 같음 - 프로젝트 하는 중 (Study Card 수정, MainPage 1차 완성)
제네릭은 타입에 변수를 제공하는 방법입니다.
srr 깜빡임 현상? 왜 일어남?
SSR(Sever Side Rendering)은 화면을 이동할 때마다 서버에 새로운 화면에 대한 요청을 하는 것이다. 서버에서 렌더링을 끝낸 뒤, 데이터가 결합된 HTML 파일을 내려준다. 새로운 화면으로 이동할 때마다 서버에 요청해서 받아와야 하기 때문에 그동안 깜빡거림 등의 현상이 발생할 수 있다.
SSR(Server Side Rendering) VS CSR(Client Side Rendering)
기존 JavaScript로 만들어진 서드파티 모듈들을 TypeScript 환경에서도 사용할 수 있도록 따로 타입만 정리해서 넣어둔 파일.
priority <next/Image>
When true, the image will be considered high priority and preload. Lazy loading is automatically disabled for images using priority.
You should use the priority property on any image detected as the Largest Contentful Paint (LCP) element. It may be appropriate to have multiple priority images, as different images may be the LCP element for different viewport sizes.
Should only be used when the image is visible above the fold. Defaults to false.
The Largest Contentful Paint (LCP) metric looks at the loading performance of your page. LCP measures the time it takes to get the largest element on the page visible within the viewport. This could be a large text block, video, or image that takes up the primary real estate on the page.
최초 콘텐츠풀 페인트(FCP) 메트릭은 페이지가 로드되기 시작한 시점부터 페이지 콘텐츠의 일부가 화면에 렌더링될 때까지의 시간을 측정합니다.
