늘 하던대로 MP3Gain 프로그램을 사용하려 했지만, 유튜브 3시간짜리 mp3라서 하다가 뻗는 경우가 너무 많았음. 그래서 GPT에 문의해 보니 ffmpeg cli 로 multicore를 full로 사용해서 하는 방법이 있다고 함. 먼저 ffmpeg를 다운로드 받고 bin dir을 path에 등록하자. GPT의 안내대로 2개의 bat 파일을 만들어서 수행 성공! 볼륨을 일괄 조정하고자 하는 폴더 내에 bat 파일들을 풀어놓고 normalize_parallel.bat을 실행하면… Read More »
good lock 앱 > MultiStar > I love Samsung Dex > 외부 디스플레이 고해상도 표시 활성화
export const safeObj = <T extends object>(obj: T | undefined): T => { return (obj ?? {}) as T; } 진짜 개좋네… 고마워 GPT!
https://www.dawnscapelab.com/running-and-debugging-playwright-tests/
https://redbadastory.tistory.com/202 이번에 샤오미 타워팬 2를 샀는데, 앱을 중국으로 해야만 등록이 가능하다고 했다. 찾아보니 러시아 능력자가 Mi Home 의 커스텀 앱 apk를 만들어 배포하고 있었다. 그래도 께름칙하니, 갤럭시의 보안폴더에서 브라우저를 실행, apk를 다운받고, 보안폴더 내의 탐색기(내폴더)에서 설치했다. 잘 되네! 감사감사!
‘ctrl + shift + a’ > ‘color theme’ 입력 > 변경을 원하는 언어(e.g. python)를 선택하여 변경
renderCell 하위 부분을 custom component화 해서 useEffect나 useQuery를 사용하자.
CORS 설정 OPTIONS method는 CORS 상황에서 발생한다? 여기서 CORS 관련 response header가 검증되면 브라우저가 본 요청을 보내는 것 같다. spring과 nginx에 CORS header 설정이 공존한다면 관리의 편의를 위해 spring에서만 CORS header를 설정하자 spring에서 CORS설정시 allow credentials 가 true일 경우, allow origins에’*’를 사용할 수 없다.
꼭 이벤트핸들러에 딱 붙여서 하지 않아도 된다. FC body에서 debounce를 씌운 함수에, useCallback을 씌우고 변수로 할당하면 된다. debounce의 모든 영역에서 useCallback을 씌우는 것이 핵심이다!!
함수를 주입받는 것도 생각해 보자.
냉무
matches()는 메시지의 type이 matches()로 고정되고, react-hook-form에서 errors 배열을 추출할 대 구조가 달라서 문제가 된다.
if 문 내의 비교 문자열이 외따옴표로 감싸져 있지 않은지 확인하자. 오류 케이스 <if test="activeYn == 'Y'"> 성공 케이스 <if test='activeYn == "Y"'>
개발하면서 대소문자 변환시 Ctrl + Shift + X 를 사용해서 대문자 변환을 하는데, 언제부터인지 이상한 캡쳐 프로그램 (capture)이 그 단축키를 점유해 버리는 짜증나는 경험을 하고 있었다. 찾지 못하던 중에 끝내 찾아냈으니… 범인은 바로… 웨일 브라우저 (whale) 어우 진짜 너무 짜증나네.
방법 1 queryClient.invalidateQueries({ queryKey }); await queryClient.refetchQueries({ queryKey }); // 데이터를 즉시 새로 가져옴 두 개의 함수를 호출해야 한다는 것, await 에도 주의하자. 방법 2 refetch(); // 데이터를 새로 가져오고 useQuery의 결과를 업데이트 지금 새로운 데이터를 fetch 하지 않아도 되는데, 캐시는 확실히 지워야 할 경우 e.g.) edit modal 닫을 때 cache clear queryClient.removeQueries({ queryKey });… Read More »
개요 기본 설정(enable, logger)은 application.yml 에서 서버별로 설정 decorator: datasource: p6spy: enable-logging: true logging: slf4j 링크의 내용을 따라서 P6spyConfig 작성 P6spyPrettySqlFormatter 작성
기존에 preview.ts를 사용하고 있었다면, preview.tsx 로 rename. preview.tsx import type { Preview } from "@storybook/react"; import React from "react"; import { FormProvider, useForm } from "react-hook-form"; import "../src/index.css"; /** * 각 컴포넌트에 react-hook-form 이 결합되어 있어서 * storybook 화면에서 에러를 방지하기 위해 global FormProvider wrapping을 수행. */ const formDecorator = (Story) => { const methods… Read More »
https://component.gallery/components/table/ https://open-ui.org/components/table.research/
이 프로세스는 윈도우 커널이라서 종료할 수 없다. 아마 타 회사의 상주 프로그램과 궁합이 좋지 않아서 무한루프성 작업을 하는 듯 했다. 아래 참고링크의 내용처럼 상주 프로그램들을 제거하고 재부팅 했더니 해결됨. 1. Open the run box by pressing the Windows Key + R and type msconfig 2. System Configuration Utility box will open and by default you… Read More »
Context 라는 이름에서 유추할 수 있듯이, form이 다른 컴포넌트를 포함하고 있다면 해당 컴포넌트의 input까지 register를 내려서 묶을 수 있다.
