TypeScript에서는 시스템이 추론 및 분석한 타입 내용을 우리가 원하는 대로 얼마든지 바꿀 수 있습니다. 이때 "타입 표명(type assertion)"이라 불리는 메커니즘이 사용됩니다. TypeScript의 타입 표명은 프로그래머가 컴파일러에게 내가 너보다 타입
react native FlatList. react query와 호환성이 좋음.isFetching을 쓰게 다면 기존에 데이터를 다시 보여줘 isLoading을 써야 한다.
adds data to cacheautomatically stale (configurable)show while re-fetching (as long as cache hasn't expired!)Prefetching can be used for any anticipat
데이터 리페칭(Refetching)은 만료된 데이터에서만 실행됩니다.데이터를 허용하는 최대 나이stale time이 만료될 시 화면을 mount할 시 다시 frech한 데이터를 가져온다.stale time \- 데이터가 fresh -> stale 상태로 변경되는데 걸
비동기 쿼리가 해결되지 않았음을 의미.가져오는 상태에 있음.표시할 캐시 데이터도 없다는 것\-> 큰 차이가 없는 것 같지만 Pagination을 진행할 때 캐시된 데이터가 있을 때와 없을 때를 구분해야 한다.
버전 4에서는 설치와 임포트(import)에 react-query가 아닌 @tanstack/react-query를 사용하시는 것을 권장합니다. 쿼리 키는 반드시 배열이어야 하며, 만약 강의에서 문자열을 쿼리 키로 사용하는 경우, 해당 문자열을 반드시 배열 안에 넣어야
데이터 타입은 프로그래밍 언어에서 사용할 수 있는 데이터 (숫자, 문자열, 불리언 등)의 종류를 말한다.원시 타입 (Primitive data type) : 원시 타입의 값은 변경 불가능한 값 (immutable value)이며 pass-by-value(값에 의한 전달
웹 페이지를 렌더링하기 위해서는 DOM과 CSS가 필요하다. 그러나 다양한 기능과 효과를 구현하기 위해서 자바스크립트를 많이 사용하기 때문에, 자바스크립트가 렌더링 성능에 어떤 영향을 주는지 잘 알아야 한다. 또한 자바스크립트는 브라우저에서 단일 스레드로 동작하기 때문
Web Vitals는 웹에서 우수한 사용자 경험을 제공하는 데 필수적인 품질 신호에 대한 통합 지침을 제공하기 위한 Google의 이니셔티브입니다.https://web.dev/vitals/번들 사이즈애플리케이션에 기능이 추가되면서 번들 사이즈가 커졌고 이로 인
Expo (관리형 워크플로)관리되는 워크플로는 Rails 및 Create React App과 비슷하지만 React Native용입니다. 개발자는 컴퓨터에서 expo-cli를 사용하고 모바일 장치에서 개발 클라이언트를 사용하여 관리되는 워크플로 앱을 빌드합니다. 관리형
CSR의 렌더링 과정은 먼저 유저의 요청에 의해 브라우저가 프론트엔드 서버로 HTML을 요청합니다. 서버는 빌드 타임에 미리 생성해 둔 HTML을 응답합니다. 이 HTML에는 로더나 skeleton UI가 들어 있습니다.그 후에 head 태그에 정의된 CSS와 같은 렌
실행 컨텍스트(Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. 실행 컨텍스트를 바로 이해하지 못하면 코드 독해가 어려워지며 디버깅도 매우 곤란해 질 것이
자바스크립트에서 값은 원시값과 참조값으로 나뉜다.NumberStringBooleanNullUndefinedObjectSymbol원시값은 값을 복사 할 때 복사된 값을 다른 메모리에 할당 하기 때문에 원래의 값과 복사된 값이 서로에게 영향을 미치지 않는다하지만 참조값은
흔히(java에서) 클래스 내에서 사용하는 this 문법은 클래스(자세히는 인스턴스화 된 객체) 자기 자신을 뜻합니다.javascript에서도 this문법이 존재하는데, 하필 'java' script라는 비슷한 이름에, this가 존재하니 클래스 내 this처럼 동작을
최대한 많은 종류의 웹 브라우저에서 정상적으로 작동하는 웹페이지를 만드는 방법론 중 하나입니다. 모든 브라우저에서 화면이 동일하게 표시되게 하는 것을 의미하지는 않습니다. 동일하게 보이는 것이 아니라, 동등한 수준의 정보, 기능 제공이 우선입니다.적용 기능의 브라우저
얕은 비교는 동등성을 확인합니다. 스칼라 값 (숫자, 문자열)을 비교할 때 값을 비교합니다. 객체를 비교할 때 객체의 속성을 비교하지 않습니다. 참조 만 비교됩니다.깊은 비교를 하게 될 경우 객체의 경우에도 값으로 비교를 합니다. 객체의 깊은 비교를 위해서는 간단하고