/users
/posts
/slides
/apps
/books
mysetting
/users
/posts
/slides
/apps
/books
11:53 5/30
lovemewithoutall.github.io
11:53
lovemewithoutall.github.io
Never test
https://lovemewithoutall.github.io/
short story about IT history economy life etc
최종 피드 수집: 2023-01-27 09:46
전체 (68)
8M
HTML video tag onTimeUpdate 동작 주기
HTML video tag의 onTimeUpdate 프로퍼티에 박히는 콜백은 가장 느릴 경우 250ms 마다 1회 동작한다.
테스트 해보니 영상을 그냥 재생하게 두는 경우, 1초에 약 4번 onTimeUpdate 콜백이 호출된다.
0
0
0
읽기모드
8M
AWS s3api list-object-v2 사용 예시
S3의 lastModified는 사용자가 변경할 수 없다. 이것은 S3의 사용 제한 사항이다(기능이다).
console에서 테스트하는 쿼리
➜ aws s3api list-objects-v2 --bucket 11st-dev-liv
0
0
0
읽기모드
8M
unix zip exclude directory
소스 코드를 압축할 때 .git 디렉토리나 node_modules을 포함할 필요는 없다. 제외하자.
zip -r zip_file_name.zip . # 현재 경로의 모든 파일을 하위 디렉토리 포함하여 압축한다
zip -r zip_
0
0
0
읽기모드
8M
react-query 에러 처리시 주의할 점
react-query의 useQuery로 데이터를 조회할 때, catch 구문에서 처리를 누락한 타입의 오류가 있다면?
QueryCache의 subscribe에서 오류를 인식하지 못한다.
response status code를 기
0
0
0
읽기모드
8M
react-query mutation을 state store로 쓸 수 있을까?
react-query의 useQuery는 state 저장소의 역할을 할 수 있다. useQuery의 return값은 어느 컴포넌트에서 조회하든 같은 값을 반환한다.
// data가 store나 마찬가지다
const { data,
0
0
0
읽기모드
9M
react-query mutationCache subscribe 사용 예시
react-query에서 특정 mutation을 수행하고, mutation이 완료될 경우 특정 함수를 실행하려면 어떻게 해야할까?
react-query는 mutation을 수행할 때마다 mutationCache를 update한다.
0
0
0
읽기모드
10M
javascript 조건부 객체 프로퍼티
객체에 조건부로 프로퍼티를 추가할 때 사용하는 방법.
const obj = {
...(isTrue && {a: 'a'})
}
// isTrue가 true면
obj = {a: 'a'}
// isTrue가 false면
obj
0
0
0
읽기모드
11M
webpack4 bundle file name
설정 방법
반드시 configure 아래에 output을 넣어야 한다.
module.exports = {
configure: {
output: {
filename: `[name].[hash
0
0
0
읽기모드
11M
Sign in은 언제 뜨는가?
sign-in
sign-in: 사용자에게 HTTP 인증을 요구하는 프롬프트
401 Unauthorized 발생하면 sign-in이 뜬다
401 Unauthorized 오류 발생 중
request header에 Authorizat
0
0
0
읽기모드
11M
흑사병은 유럽인의 절반을 죽였는가?
Did the ‘Black Death’ Really Kill Half of Europe? New Research Says No. 요약
흑사병으로 유럽인의 절반이 죽었다는 게 통설이다. 2021년 연구에서는 여러 문서를 근거로 65
0
0
0
읽기모드
11M
msw에서 status만 응답하도록 하는 코드
200 ok status만 응답하는 코드
rest.patch(
`url`,
(_, res, ctx) => {
return res(ctx.status(200));
},
),
20220209
0
0
0
읽기모드
1y
webpack 프로젝트에 msw(mock service worker)를 적용
msw(mock service worker)
msw란? api 응답을 모킹하는 서비스 워커.
적용 상의 문제점
msw의 제약 사항
msw의 mockServiceWorker는 https 환경에서만 정상 실행된다.(다시 확인
0
0
0
읽기모드
1y
클린 애자일 요약
클린 애자일 1장 애자일 소개
애자일의 탄생은? 선사시대. 작은 목표를 세우고 그 진행 상황을 측정하여 다음 목표를 세워 실행한다. 측정 가능한 작은 단계!
pre-agile v.s. waterfall의 대결. 분명 워터폴의
0
0
0
읽기모드
1y
typescript에서 여러 개의 type을 붙이고 싶다면
Intersection Types를 쓰면 된다.
type을 & 로 붙이면 된다.
굳이 타입을 여러 번 선언할 필요가 없다면
type BroadcastDisplay = {
no: number;
title: string;
0
0
0
읽기모드
1y
React에서 object를 useState로 관리할 때 주의할 점
React에서 object를 useState로 관리한다면, setState를 할 때 반드시 새로 object를 만들어서 넣어라.
기존 object의 property만 변경하여 setState에 argument로 집어넣을 경우, u
0
0
0
읽기모드
1y
typescript keyof typeof
typescript에서 object의 모든 key값을 기준으로 무언가 작업(object 비교)를 할 때, type 때문에 골치아파진다. object의 type은 정해져 있는데, Object.keys() api를 사용하면 key가
0
0
0
읽기모드
1y
react useEffect는 dependency에 같은 값(?)이 들어오면 동작할까?
React 개발하다가 생각난 거. Object destructing으로 받아온 string값이 useEffect의 dependency로 들어있을 경우, object는 바뀌되 그 안의 string property의 값은 변경되지 않
0
0
0
읽기모드
1y
javascript Set 자료형이 object를 element로 한다면?
javascript Set 자료형에 object를 element로 넣는다면, 각 element가 unique한지 어떻게 구별하는 기준은 무엇일까? object 안의 property value까지 비교할까?
메모리 주소값만 비교한다
0
0
0
읽기모드
1y
npm audit으로 보안취약점을 발견했을 때의 조치
상황
npm audit fix로 해결하지 못하는 보안 취약점들이 존재함
남은 보안 취약점들은 모두 devDependencies인 storybook, react-scripts(create-react-app)가 참조하는 node mo
0
0
0
읽기모드
1y
node_modules의 구조와 유령 의존성(phantom dependency)
node_modules의 구조
node_modules 디렉토리에는 package.json에 명시된 라이브러리가 저장된다. 각 라이브러리에도 독자적인 package.json이 있고, package.json에 명시된 dependenc
0
0
0
읽기모드
About
Badge
Contact
Activity
Terms of service
Privacy Policy