Never test - mysetting

11:53 5/30

lovemewithoutall.github.io

mobile screenshot relative

11:53

lovemewithoutall.github.io

mobile screenshot

Never test
https://lovemewithoutall.github.io/

short story about IT history economy life etc

최종 피드 수집: 2022-05-21 20:18

전체 (68)

6d

HTML video tag onTimeUpdate 동작 주기

HTML video tag의 onTimeUpdate 프로퍼티에 박히는 콜백은 가장 느릴 경우 250ms 마다 1회 동작한다.
테스트 해보니 영상을 그냥 재생하게 두는 경우, 1초에 약 4번 onTimeUpdate 콜백이 호출된다.

000

9d

AWS s3api list-object-v2 사용 예시

S3의 lastModified는 사용자가 변경할 수 없다. 이것은 S3의 사용 제한 사항이다(기능이다).
console에서 테스트하는 쿼리
➜ aws s3api list-objects-v2 --bucket 11st-dev-liv

000

12d

unix zip exclude directory

소스 코드를 압축할 때 .git 디렉토리나 node_modules을 포함할 필요는 없다. 제외하자.
zip -r zip_file_name.zip . # 현재 경로의 모든 파일을 하위 디렉토리 포함하여 압축한다
zip -r zip_

000

17d

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

react-query의 useQuery로 데이터를 조회할 때, catch 구문에서 처리를 누락한 타입의 오류가 있다면?
QueryCache의 subscribe에서 오류를 인식하지 못한다.
response status code를 기

000

22d

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

react-query의 useQuery는 state 저장소의 역할을 할 수 있다. useQuery의 return값은 어느 컴포넌트에서 조회하든 같은 값을 반환한다.
// data가 store나 마찬가지다
const { data,

000

1M

react-query mutationCache subscribe 사용 예시

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

000

2M

javascript 조건부 객체 프로퍼티

객체에 조건부로 프로퍼티를 추가할 때 사용하는 방법.
const obj = {
...(isTrue && {a: 'a'})
}
// isTrue가 true면
obj = {a: 'a'}
// isTrue가 false면
obj

000

2M

webpack4 bundle file name

설정 방법

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

000

3M

Sign in은 언제 뜨는가?

sign-in
sign-in: 사용자에게 HTTP 인증을 요구하는 프롬프트
401 Unauthorized 발생하면 sign-in이 뜬다
401 Unauthorized 오류 발생 중
request header에 Authorizat

000

3M

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

Did the ‘Black Death’ Really Kill Half of Europe? New Research Says No. 요약
흑사병으로 유럽인의 절반이 죽었다는 게 통설이다. 2021년 연구에서는 여러 문서를 근거로 65

000

3M

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

200 ok status만 응답하는 코드
rest.patch(
`url`,
(_, res, ctx) => {
return res(ctx.status(200));
},
),
20220209

000

4M

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

msw(mock service worker)
msw란? api 응답을 모킹하는 서비스 워커.
적용 상의 문제점
msw의 제약 사항

msw의 mockServiceWorker는 https 환경에서만 정상 실행된다.(다시 확인

000

4M

클린 애자일 요약

클린 애자일 1장 애자일 소개
애자일의 탄생은? 선사시대. 작은 목표를 세우고 그 진행 상황을 측정하여 다음 목표를 세워 실행한다. 측정 가능한 작은 단계!
pre-agile v.s. waterfall의 대결. 분명 워터폴의

000

4M

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

Intersection Types를 쓰면 된다.
type을 & 로 붙이면 된다.
굳이 타입을 여러 번 선언할 필요가 없다면
type BroadcastDisplay = {
no: number;
title: string;

000

4M

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

React에서 object를 useState로 관리한다면, setState를 할 때 반드시 새로 object를 만들어서 넣어라.
기존 object의 property만 변경하여 setState에 argument로 집어넣을 경우, u

000

5M

typescript keyof typeof

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

000

5M

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

React 개발하다가 생각난 거. Object destructing으로 받아온 string값이 useEffect의 dependency로 들어있을 경우, object는 바뀌되 그 안의 string property의 값은 변경되지 않

000

5M

javascript Set 자료형이 object를 element로 한다면?

javascript Set 자료형에 object를 element로 넣는다면, 각 element가 unique한지 어떻게 구별하는 기준은 무엇일까? object 안의 property value까지 비교할까?
메모리 주소값만 비교한다

000

5M

npm audit으로 보안취약점을 발견했을 때의 조치

상황
npm audit fix로 해결하지 못하는 보안 취약점들이 존재함
남은 보안 취약점들은 모두 devDependencies인 storybook, react-scripts(create-react-app)가 참조하는 node mo

000

5M

node_modules의 구조와 유령 의존성(phantom dependency)

node_modules의 구조
node_modules 디렉토리에는 package.json에 명시된 라이브러리가 저장된다. 각 라이브러리에도 독자적인 package.json이 있고, package.json에 명시된 dependenc

000