Vue 2.7 + vitest 사용시 주의점

3 minute read

1. vitest 설정

Three.js RGBAFormat vs RGBFormat

less than 1 minute read

2023.04.06. v0.151.3 기준으로 Three.js의 버전이 올라가면서 더이상 THREE.RGBFormat API를 사용할 수 없게 되었다.

HTML video tag onTimeUpdate 동작 주기

less than 1 minute read

HTML video tag의 onTimeUpdate 프로퍼티에 박히는 콜백은 가장 느릴 경우 250ms 마다 1회 동작한다.

AWS s3api list-object-v2 사용 예시

less than 1 minute read

S3의 lastModified는 사용자가 변경할 수 없다. 이것은 S3의 사용 제한 사항이다(기능이다).

unix zip exclude directory

less than 1 minute read

소스 코드를 압축할 때 .git 디렉토리나 node_modules을 포함할 필요는 없다. 제외하자.

react-query에서 오류가 발생한 cache만 삭제하는 법

less than 1 minute read

QueryCache에서 error response body를 캐싱하지 않도록 하자.

react-query 에러 처리시 주의할 점

2 minute read

react-query mutation을 state store로 쓸 수 있을까?

less than 1 minute read

react-query의 useQuery는 state 저장소의 역할을 할 수 있다. useQuery의 return값은 어느 컴포넌트에서 조회하든 같은 값을 반환한다.

react-query mutationCache subscribe 사용 예시

less than 1 minute read

react-query에서 특정 mutation을 수행하고, mutation이 완료될 경우 특정 함수를 실행하려면 어떻게 해야할까? react-query는 mutation을 수행할 때마다 mutationCache를 update한다. 따라서 mutationCache의 변경을 subsc...

javascript 조건부 객체 프로퍼티

less than 1 minute read

객체에 조건부로 프로퍼티를 추가할 때 사용하는 방법.

webpack4 bundle file name

2 minute read

설정 방법 반드시 configure 아래에 output을 넣어야 한다. module.exports = { configure: { output: { filename: `[name].[hash].js`, ...

Sign in은 언제 뜨는가?

1 minute read

sign-in

흑사병은 유럽인의 절반을 죽였는가?

less than 1 minute read

Did the ‘Black Death’ Really Kill Half of Europe? New Research Says No. 요약

msw에서 status만 응답하도록 하는 코드

less than 1 minute read

200 ok status만 응답하는 코드

webpack 프로젝트에 msw(mock service worker)를 적용

less than 1 minute read

msw(mock service worker) msw란? api 응답을 모킹하는 서비스 워커.

클린 애자일 요약

7 minute read

클린 애자일 1장 애자일 소개

typescript에서 여러 개의 type을 붙이고 싶다면

less than 1 minute read

Intersection Types를 쓰면 된다.

React에서 object를 useState로 관리할 때 주의할 점

less than 1 minute read

React에서 object를 useState로 관리한다면, setState를 할 때 반드시 새로 object를 만들어서 넣어라.

typescript keyof typeof

1 minute read

typescript에서 object의 모든 key값을 기준으로 무언가 작업(object 비교)를 할 때, type 때문에 골치아파진다. object의 type은 정해져 있는데, Object.keys() api를 사용하면 key가 string type으로 뽑혀 나온다. string ...

react useEffect는 dependency에 같은 값(?)이 들어오면 동작할까?

less than 1 minute read

React 개발하다가 생각난 거. Object destructing으로 받아온 string값이 useEffect의 dependency로 들어있을 경우, object는 바뀌되 그 안의 string property의 값은 변경되지 않으면, useEffect는 동작할까? 검증을 위해 몇...