구강청결제, 너무 자주 사용하면 안좋은 이유 (가글, 가그린, 리스테린…종류별 성분표)
http://news.bizwatch.co.kr/article/consumer/2023/06/16/0033
Author Archives: itpsolver
윈도우 설치(windows install) 관련 경험 메모 및 팁 정리
BIOS gigabyte 바이오스 업데이트 (bios update) 를 q-flash 방식으로 할 경우, bios를 옮길 usb는 fat32 형식으로 포맷되어 있어야 한다. WINDOWS 윈도우 설치시 에러 메시지 0x80300024 선택한 위치에 Windows를 설치할 수 없습니다. BIOS에서 윈도우를 설치할 디스크를 최우선 순위에 둔다.
[react] input, textarea 등에서 영어 입력을 영대문자(uppercase)로 변환해 주는 샘플코드
커서 위치를 유지하는 것이 포인트 … onChange={(e) => { modifyUpperCase(e, forceUpperCase); }} … export const modifyUpperCase = (e: React.ChangeEvent<any>, forceUpperCase: boolean) => { if (forceUpperCase) { const et = e.target; const selectionStart = et.selectionStart; const selectionEnd = et.selectionEnd; et.value = et.value.toUpperCase(); // 조건에 따라 영대문자 변경 et.setSelectionRange(selectionStart, selectionEnd); // 커서 위치 유지를 위한 작업 }
yarn 실행시 exit code 129 일 경우 (npm은 137)
내 경우에는 OOME(out of memory) 가 원인이었음. 처음에 node.js 메모리만 늘렸더니 해결이 되지 않았다. – NODE_OPTIONS=”–max-old-space-size=8192″ – 머신의 메모리가 충분하지 않은 상태에서 파라미터만 조정을 해서 의미가 없었음. 머신의 ram도 같이 늘려 주었더니 문제가 해결되었음.
[javascript] 정규표현식 샘플 (정규식, regex)
export const REGEX_영문만 = /^[A-Za-z ]*$/; export const REGEX_영문_숫자 = /^[a-zA-Z0-9 ]*$/; export const REGEX_영문_특수문자 = /^[a-zA-Z \{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]*$/; export const REGEX_영문_숫자_특수문자 = /^[a-zA-Z0-9 \{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]*$/; export const REGEX_한글만 = /^[ㄱ-ㅎㅏ-ㅣ가-힣 ]*$/; export const REGEX_한글_숫자 = /^[ㄱ-ㅎㅏ-ㅣ가-힣0-9 ]*$/; export const REGEX_한글_특수문자 = /^[ㄱ-ㅎㅏ-ㅣ가-힣 \{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]*$/; export const REGEX_한글_숫자_특수문자 = /^[ㄱ-ㅎㅏ-ㅣ가-힣0-9 \{\}\[\]\/?.,;:|\)*~`!^\-_+<>@\#$%&\\\=\(\'\"]*$/; 비고 반복되는 부분을 상수화 하여 빼고 싶었으나,… Read More »
[react] 자식 컴포넌트를 강제 리렌더링 하는 방법 (child component, re-render, programmatically)
react component가 공통적으로 갖고 있는 key 속성을 활용한다. number state를 하나 만들어서 key 속성에 바인딩 state 가 change (예: +1) 될 때마다 re-render
[javascript] 특정 배열에서, 다른 배열에 속한 요소들을 제외시키기 (배열 각 요소 내의 특정 속성을 기준으로 유사성 판단, array, exclude, 차집합, minus)
// Sample arrays const array1 = [ { id: 1, name: 'Apple' }, { id: 2, name: 'Banana' }, { id: 3, name: 'Orange' }, ]; const array2 = [ { id: 2, name: 'Banana' }, { id: 4, name: 'Grapes' }, ]; // Get differences based on the 'id' property const differences = array1.filter(item1… Read More »
[flutter] Error: Unable to ‘pub upgrade’ flutter tool. Retrying in five seconds (flutter 설치시 Resolving dependencies… 에서 계속 대기중이었던 상황)
내 경우에는 bitdefender의 방화벽 문제였음. bitdefender > 시스템 보호 > 방화벽 > 설정 에서 dart.exe 가 허용되지 않아 발생했던 문제였음.
[GPT] 검색엔진(search engine) 인덱싱(indexing) 및 크롤링(crawling) 방지(prevent) 처리 (robots.txt)
gpt로 질문해 봄 https://chat.openai.com/share/4cf77dc4-40ca-47cf-8a36-bd8f69d7a1e5
[css] 수직(vertical) 가운데(중앙, middle, center) 정렬(align)하는 방법
CSS : 요소 및 레이어 중앙정렬 방법
[AI] AI 관련 용어
llm lang chain llama polyglot-ko 한국어 임베딩
[react-hook-form] form.watch vs useWatch (성능을 위해서는 useWatch 고려)
환경 "react-hook-form": "^7.34.0" 개요 form.watch 사용시, 모든 form 컴포넌트를 리렌더링하기 때문에, 성능에 영향을 미치는 경우가 있었음. useWatch는 re-rendering의 범위를 단위 컴포넌트 내로 제한하며, 필드명으로 범위를 또 제한할 수가 있었음. 샘플 코드 // fromDate, toDate 두 개의 props를 받는 datepicker에서의 작업예시 const watchVals = useWatch({ control: form.control, name: [fieldName, fieldName2 || 'dummy'] }); 위 샘플에서는 control,… Read More »
[react/swiper] 첫 번째 슬라이드(swiper slide)에만 effect(e.g. fade)가 적용되지 않았던 문제
React 18의 strict mode 때문이었음
[링크/spring] spring mvc에서 http 415 에러가 발생한 경우 (415 Unsupported Media Type, @ModelAttribute argument)
https://velog.io/@vpdls1511/Springboot-415-Unsupported-Media-Type
[react-hook-form] form.setError() 를 해도 formState.errors 에 바로 업데이트 되지 않는다. (다음번 호출 때 확인할 수 있음) – 해결 안됨…
왤까? 왜 그러는 것일까?
[react] 배열(array)로 된 상태(state)의 요소(element) 일부를 수정했는데, 상태변화가 감지(인지/인식)되지 않는 경우 (change not applied)
배열의 요소를 변경한 후, 배열의 사본을 set 해야 한다. array1 이라는 state라면 => […array1] 로 적용
[typescript] 인덱스 시그니처 (index signature) 타입을 정의할 때, 키(key)에 커스텀 타입 (custom type, literal, generic)을 매핑하는 방법 (Record)
type 회원구분 = '정회원' | '준회원'; export const 숨길메뉴들: Record<회원구분, string[]> = { 정회원: [ '0001', ], 준회원: [], };
[react-router-dom v6] 페이지 이동(route, navigate)시 보이지 않는 데이터(파라미터)를 담아서 이동하는 방법 (useLocation > state)
이동 전 페이지 const navigate = useNavigate(); const goErrorPage = (errMsg: ReactNode) => { navigate('/error', { state: { errMsg } }); }; // 이후 goErrorPage('블라블라') 호출 이동 후 페이지 const { state } = useLocation(); … return <> <h2>{state.errMsg}</h2> </>
[링크] ‘컨테이너의 개체를 열거하지 못했습니다’. 해결법 (윈도우 파일 접근/실행시 발생)
링크 https://zkim0115.tistory.com/980 참고 내 경우는 폴더의 소유자를 변경할 때, 창 하단의 ‘모든 자식 개체 사용 권한 항목을 이 개체의 상속 가능한 사용 권한 항목으로 바꾸기’ 까지 체크해 주어야 제대로 작동했었다.
[spring] WebMvcConfigurer > addInterceptors > excludePathPatterns 의 wildcard(*, asterisk) 문법에 대하여 (url 패턴에 의한 권한체크 필터)
예시 // 작동함 .excludePathPatterns("/aaa/**") .excludePathPatterns("/bbb*/**") // 작동하지 않음 .excludePathPatterns("/aaa**") // 별표 두개는 꼭 슬래쉬 뒤에 와야 하는 것 같다. 순서에 대하여 gpt에 물어보니, 패턴을 정의하는 순서에 의미가 있다고 한다. (위의 것이 먼저 필터링) 실험 결과 넓은 url 범위를 exclude 하고, 하위의 좁은 범위를 다시 add 했을 때, add가 의도한대록 작동(권한체크)되지는 않았다. (gpt는 된다고 했는데…?)