강화도 역사 연구
강화 흥왕리 이궁지 발굴조사보고서, 2019, 국립강화문화재연구소 본격적인 발굴이라기보다는 지표조사였다. 오랜 시간이 흘러 남아 있는 것은 드물었다. 담장의 흔적과 기단, 그리고 2개의 건물 뿐이었다. 정말로 이곳은 고려의 궁궐이었을까? 개경 천도 이후에는 어떤 곳이었고, 조선 시...
Recent posts
Yarn4로 업그레이드(feat. AWS)
며칠 전에 Yarn4가 나왔다. 조만간 업그레이드 하려고 생각했으나, 문제는 당장 터졌다.
Video buffer 크기 제한
문제 HLS로 video를 재생하려는데, 최초 로딩시 너무 많은 네트워크 데이터를 사용한다. 나의 경우에는 최초 로딩시 무려 1분의 buffer를 하느라 60MB 가까운 데이터를 사용했다.
Setting scrollTop does not work while momentum scroll is ongoing. But there is a workaround.
Environment iOS Safari
Vue 컴포넌트 깊숙히 숨어있는 DOM을 찾자
환경 Vue 2.7 <script setup> 문법 사용
Vue3 input의 model과 화면에 보이는 값이 불일치하면?
환경 Vue 2.7 <script setup> 문법 사용
iframe의 js 코드에서 부모창의 dom을 찾으려면
iframe의 js 코드에서 부모창의 dom을 찾으려면 parent.document 객체에서 검색해야 한다.
Google Bard와 윤리학을 논하다
이하 질문은 나, 답변은 Google Bard
Vite의 polyfill은 vue-tsc와 별도로 동작한다
Vite의 자동 폴리필과 vue-tsc의 타입 체크는 완전히 따로 논다.
Vue 2.7 + vitest 사용시 주의점
1. vitest 설정
Three.js RGBAFormat vs RGBFormat
2023.04.06. v0.151.3 기준으로 Three.js의 버전이 올라가면서 더이상 THREE.RGBFormat API를 사용할 수 없게 되었다.
HTML video tag onTimeUpdate 동작 주기
HTML video tag의 onTimeUpdate 프로퍼티에 박히는 콜백은 가장 느릴 경우 250ms 마다 1회 동작한다.
AWS s3api list-object-v2 사용 예시
S3의 lastModified는 사용자가 변경할 수 없다. 이것은 S3의 사용 제한 사항이다(기능이다).
unix zip exclude directory
소스 코드를 압축할 때 .git 디렉토리나 node_modules을 포함할 필요는 없다. 제외하자.
react-query에서 오류가 발생한 cache만 삭제하는 법
QueryCache에서 error response body를 캐싱하지 않도록 하자.
react-query mutation을 state store로 쓸 수 있을까?
react-query의 useQuery는 state 저장소의 역할을 할 수 있다. useQuery의 return값은 어느 컴포넌트에서 조회하든 같은 값을 반환한다.
react-query mutationCache subscribe 사용 예시
react-query에서 특정 mutation을 수행하고, mutation이 완료될 경우 특정 함수를 실행하려면 어떻게 해야할까? react-query는 mutation을 수행할 때마다 mutationCache를 update한다. 따라서 mutationCache의 변경을 subsc...
javascript 조건부 객체 프로퍼티
객체에 조건부로 프로퍼티를 추가할 때 사용하는 방법.
webpack4 bundle file name
설정 방법 반드시 configure 아래에 output을 넣어야 한다. module.exports = { configure: { output: { filename: `[name].[hash].js`, ...