Typescript 및 해당 키워드 "type"

클래스를 통한 엔티티 및 가치 객체 모델링 외에도 인터페이스 또는 유형을 사용하여 이러한 모델링을 수행할 수도 있습니다. 이 시점에서 "세 가지 방법 중 하나로 모델링이 가능하다면 왜 '유형'을 사용하거나 이해해야 합니까?"라고 생각할 수 있습니다. 유형 리소스의 사용만 허용하는 용도가 있습니다. 이름에서 알 수 있듯이 클래스, 인터페이스, 다른 유형 또는 기본 유형으로 선언되었는지 여부에 ...

typescriptintersectionunionliterals

⚛️ React Intersection Observer 👀 Hook 🪝.

MDN에 따르면 Intersection Observer API는 비동기식으로 관찰할 수 있는 방법을 제공합니다. 대상 요소와 상위 요소 또는 최상위 문서의 교차점에서 변경됩니다. 복잡해 보이지만 React에서는 간단한 후크를 사용하여 교차를 달성할 수 있습니다. 명심해야 할 유일한 것은 '대상 요소'를 관찰자에게 전달해야 한다는 것입니다. useRef() 사용 후크는 매우 간단합니다 대상 요...

observerintersectionhookreact

React 및 JavaScript의 미래형 무한 스크롤링

현대 UX에는 무한 스크롤을 사용해야 하는 여러 사용 사례가 있습니다. 다음 응용 프로그램에서 사용할 수 있습니다. 페이지를 스크롤할 때 이미지 또는 기타 콘텐츠를 느리게 로드합니다. 사용자가 페이지를 넘길 필요가 없도록 스크롤할 때 점점 더 많은 콘텐츠가 로드되고 렌더링되는 "무한 스크롤"웹 사이트 구현. 사용자에게 결과가 표시되는지 여부에 따라 작업 또는 애니메이션 프로세스를 수행할지 여...

javascriptinfinitereactintersection

Union Type / Intersection Type

의미 : 여러 타입 중 하나가 될 수 있는 값 필요한 상황 : 두 개 이상의 타입을 가질 수 있는 변수를 만들고자할 때 any를 사용하는 것은 변수에 타입을 지정하여 예측 가능성을 높이기 위한 타입스크립트의 목적과 일치하지 않으므로 유니언 타입을 이용해 타입을 지정해야 한다. 표현 : | 로 각 타입을 구분 Unions with Common Fields 의미 : 유니언 타입인 값이 있으면 유...

intersectiontypescriptunionintersection