Typescript 타입 표명(Type Assertion)

TypeScript에서는 시스템이 추론 및 분석한 타입 내용을 우리가 원하는 대로 얼마든지 바꿀 수 있습니다. 이때 "타입 표명(type assertion)"이라 불리는 메커니즘이 사용됩니다. TypeScript의 타입 표명은 프로그래머가 컴파일러에게 내가 너보다 타입

2022년 9월 14일
·
0개의 댓글
·

[React Query] useIsFetching

react query hooks 중 isFetching 갯수 없으면 0

2022년 9월 9일
·
0개의 댓글
·

[React Query] Infinite scroll

react native FlatList. react query와 호환성이 좋음.isFetching을 쓰게 다면 기존에 데이터를 다시 보여줘 isLoading을 써야 한다.

2022년 9월 7일
·
0개의 댓글
·

React Query Prefetching

adds data to cacheautomatically stale (configurable)show while re-fetching (as long as cache hasn't expired!)Prefetching can be used for any anticipat

2022년 8월 30일
·
0개의 댓글
·

React Query staleTime vs cacheTime

데이터 리페칭(Refetching)은 만료된 데이터에서만 실행됩니다.데이터를 허용하는 최대 나이stale time이 만료될 시 화면을 mount할 시 다시 frech한 데이터를 가져온다.stale time \- 데이터가 fresh -> stale 상태로 변경되는데 걸

2022년 8월 30일
·
0개의 댓글
·
post-thumbnail

React Query isFetching vs isLoading

비동기 쿼리가 해결되지 않았음을 의미.가져오는 상태에 있음.표시할 캐시 데이터도 없다는 것\-> 큰 차이가 없는 것 같지만 Pagination을 진행할 때 캐시된 데이터가 있을 때와 없을 때를 구분해야 한다.

2022년 8월 30일
·
0개의 댓글
·

React Query v3 vs v4

버전 4에서는 설치와 임포트(import)에 react-query가 아닌 @tanstack/react-query를 사용하시는 것을 권장합니다. 쿼리 키는 반드시 배열이어야 하며, 만약 강의에서 문자열을 쿼리 키로 사용하는 경우, 해당 문자열을 반드시 배열 안에 넣어야

2022년 8월 30일
·
0개의 댓글
·

javascript 데이터 타입

데이터 타입은 프로그래밍 언어에서 사용할 수 있는 데이터 (숫자, 문자열, 불리언 등)의 종류를 말한다.원시 타입 (Primitive data type) : 원시 타입의 값은 변경 불가능한 값 (immutable value)이며 pass-by-value(값에 의한 전달

2022년 8월 28일
·
0개의 댓글
·
post-thumbnail

Vim

명령 모드\--> 기본 명령어, esc 입력 모드\--> i 명령어

2022년 8월 27일
·
0개의 댓글
·

웹페이지 렌더링 최적화

웹 페이지를 렌더링하기 위해서는 DOM과 CSS가 필요하다. 그러나 다양한 기능과 효과를 구현하기 위해서 자바스크립트를 많이 사용하기 때문에, 자바스크립트가 렌더링 성능에 어떤 영향을 주는지 잘 알아야 한다. 또한 자바스크립트는 브라우저에서 단일 스레드로 동작하기 때문

2022년 8월 22일
·
0개의 댓글
·

프론트엔드 웹사이트 초기 렌더링 시간 줄이기

Web Vitals는 웹에서 우수한 사용자 경험을 제공하는 데 필수적인 품질 신호에 대한 통합 지침을 제공하기 위한 Google의 이니셔티브입니다.https://web.dev/vitals/번들 사이즈애플리케이션에 기능이 추가되면서 번들 사이즈가 커졌고 이로 인

2022년 8월 18일
·
0개의 댓글
·
post-thumbnail

React Native Expo

Expo (관리형 워크플로)관리되는 워크플로는 Rails 및 Create React App과 비슷하지만 React Native용입니다. 개발자는 컴퓨터에서 expo-cli를 사용하고 모바일 장치에서 개발 클라이언트를 사용하여 관리되는 워크플로 앱을 빌드합니다. 관리형

2022년 8월 16일
·
0개의 댓글
·
post-thumbnail

Next.js

CSR의 렌더링 과정은 먼저 유저의 요청에 의해 브라우저가 프론트엔드 서버로 HTML을 요청합니다. 서버는 빌드 타임에 미리 생성해 둔 HTML을 응답합니다. 이 HTML에는 로더나 skeleton UI가 들어 있습니다.그 후에 head 태그에 정의된 CSS와 같은 렌

2022년 8월 16일
·
0개의 댓글
·
post-thumbnail

[JavaScript] 실행 컨텍스트(Execution Context)란?

실행 컨텍스트(Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. 실행 컨텍스트를 바로 이해하지 못하면 코드 독해가 어려워지며 디버깅도 매우 곤란해 질 것이

2022년 8월 10일
·
0개의 댓글
·

[javascript] 얕은복사 깊은 복사

자바스크립트에서 값은 원시값과 참조값으로 나뉜다.NumberStringBooleanNullUndefinedObjectSymbol원시값은 값을 복사 할 때 복사된 값을 다른 메모리에 할당 하기 때문에 원래의 값과 복사된 값이 서로에게 영향을 미치지 않는다하지만 참조값은

2022년 8월 8일
·
0개의 댓글
·

javascript this

흔히(java에서) 클래스 내에서 사용하는 this 문법은 클래스(자세히는 인스턴스화 된 객체) 자기 자신을 뜻합니다.javascript에서도 this문법이 존재하는데, 하필 'java' script라는 비슷한 이름에, this가 존재하니 클래스 내 this처럼 동작을

2022년 8월 8일
·
0개의 댓글
·

크로스 브라우징(Cross Browsing)이란?

최대한 많은 종류의 웹 브라우저에서 정상적으로 작동하는 웹페이지를 만드는 방법론 중 하나입니다. 모든 브라우저에서 화면이 동일하게 표시되게 하는 것을 의미하지는 않습니다. 동일하게 보이는 것이 아니라, 동등한 수준의 정보, 기능 제공이 우선입니다.적용 기능의 브라우저

2022년 8월 8일
·
0개의 댓글
·

얕은 비교와 깊은 비교

얕은 비교는 동등성을 확인합니다. 스칼라 값 (숫자, 문자열)을 비교할 때 값을 비교합니다. 객체를 비교할 때 객체의 속성을 비교하지 않습니다. 참조 만 비교됩니다.깊은 비교를 하게 될 경우 객체의 경우에도 값으로 비교를 합니다. 객체의 깊은 비교를 위해서는 간단하고

2022년 7월 31일
·
0개의 댓글
·