코딩을 잘하고 싶은 코린이 동토니

주요 변경점useQuery1. 컨벤션의 변화기존 : queryOptions에 queryKey와 queryFn이 포함되지 않았음const { data: paymentPromotions, isSuccess } = useQuery(PaymentPromotionsKey.all(),fetchPaymentPromotions,)변경 : queryOptions에 모들 property 추가const { data: paymentPromotions, isSuccess } = useQuery({queryKey: PaymentPromotionsKey.all(),queryFn: fetchPaymentPromotions,})2. options의 변화(많은 변화가 있지만 제일 많이 사용하는 위주로 정리)cacheTime (삭제) =..

1. data 캐싱 여부에 따른 initial status- cached = true - status === 'success'- cached = false - status === 'loading'2. loading status- 캐싱된 데이터가 없다면 항상 true- 데이터를 호출 하고 나서야 false로 변경 (호출 이후 status = loading => 'success' | 'error')- react-query에서의 loading의 의미는 데이터를 불러오는 중이 아닌 아직 데이터가 없는 상태3. fetchStatus- 기본 값 'idle' (쿼리가 아무런 동작도 하지 않는 상태)- query 실행시 'fetching' 으로 상태 변경4. enabled의 고찰- useQuery 혹은 useQueri..

식별자 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름이다. 따라서 변수이름은 식별자라고도 불리며 식별자는 값이 아닌 메모리 주소를 기억하고 있다. 즉 식별자가 기억하고 있는 메모리 주소를 통해 메모리 공간에 저장된 값에 접근하게 된다. 식별자란 용어는 변수 이름에만 국한되는것이 아닌 변수,함수,클래스 등의 이ㅡㄻ은 모두 식별자이다. 변수 선언 변수 선언은 변수를 사용하기위한 선언으로 JS에서는 var, let ,const 를 사용한다. ES6에서 let과 const가 도입된 이후 var은 잘 사용하지 않는다 let은 값이 변경 가능한 변수 const는 값이 변경 불가능한 상수이며 두가지 모두 블록 레벨 스코프를 지원한다. 변수의 실행시점과 호이스팅 console.log(score); *// u..

Es6가 나오면서 새로운 함수형이 나오게 되었는데 바로 Arrow function 즉 화살표 함수가 새로 등장하게 되었다. 기존 함수의 역할을 기본적으로 대체할 수 있으며 가독성과 작성하기도 편해서 주로 많이들 사용하곤 한다. 근데 화살표 함수가 일반함수의 모든것을 대체할 수는 없다. 특히나 this를 사용하게 되었을 때 화살표함수와 일반 함수가 가리키는 this가 다르다 아래 예제를 한번 보자. function BlackDog(){ this.name = "흰둥이"; return { name : "검둥이", bark : function(){ console.log(this.name + " : 멍멍"); } } } const blackDog = new BlackDog(); blackDog.bark(); 위의..