[링크] React Query에서 staleTime과 cacheTime의 차이
https://velog.io/@yrnana/React-Query%EC%97%90%EC%84%9C-staleTime%EA%B3%BC-cacheTime%EC%9D%98-%EC%B0%A8%EC%9D%B4
크롬에서 ajax 요청시 ‘NET::ERR_CERT_AUTHORITY_INVALID’ 에러 발생할 경우
내 경우는 self-signed SSL certificate 를 사용했을 때였는데, chrome 개발자도구에서 해당 ajax의 링크를 새 탭으로 열어 ‘무시하고 이동’을 한 번 수행해 주니 또 잘 넘어갔다. 참고 https://kinsta.com/knowledgebase/neterr-cert-authority-invalid/
[node.js] 초간단 api 서버 샘플코드
환경 node 16.15.1 package.json { "name": "test-mock-server", "main": "app.js", "packageManager": "[email protected]", "dependencies": { "cors": "^2.8.5", "express": "^4.18.1" } } app.js var express = require("express"); var cors = require("cors"); var app = express(); app.listen(4000, () => { console.log("Server running on port 4000"); }); app.use(cors()); app.get("/testList", (req, res, next) => { res.json({ data: { list: [ {… Read More »
[링크] 버전 생성 규칙 semver (Semantic Versioning)
https://semver.org/
[링크] 리액트(React) 개념 정리
[javascript] 의존성 관리 [javascript] 성능 최적화 [javascript] 디버깅 React Hooks: useRef 사용법 React useRef의 다양한 활용 방법(mutable object, callback ref와 forwardRef)
[펌글] SpringDoc (swagger 생성기) 을 노출하지 않기 (운영환경에서 필요할 듯)
Hi, This feature will be added on v1.2.12, of springdoc-openapi. This property helps you disable only the ui. springdoc.swagger-ui.enabled=false The following property, will help you disable the api-docs Rest endpoints as well: springdoc.api-docs.enabled=false 출처 https://github.com/springdoc/springdoc-openapi/issues/191
[링크] [리액트] 두번 렌더링 되는 이슈에 대하여(Feat.StrictMode, Twice)
https://all-dev-kang.tistory.com/entry/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%91%90%EB%B2%88-%EB%A0%8C%EB%8D%94%EB%A7%81-%EB%90%98%EB%8A%94-%EC%9D%B4%EC%8A%88%EC%97%90-%EB%8C%80%ED%95%98%EC%97%ACFeatStrictMode
[링크] [java/spring] 쿼리 로그 출력시 파라미터 값이 바인딩된 채로 출력되게 하는 방법 (parameter bound query sql log) – log4jdbc-log4j2
https://rimkongs.tistory.com/312 이게 2013년 이후 업데이트가 끊긴 라이브러리라 최근에는 사용할 수 없을 거라고 막연히 생각했었는데, 웬걸, 2022년 지금도 잘 돌아가고 있는 모양이다. 괜히 p6spy 쓴다고 낑낑댄 건 아닌지 모르겠다. 심지어 이넘은 쿼리 결과도 테이블 모양으로 이쁘게 찍어준다.
[링크] vite 프로젝트(project) 생성 템플릿(template) 모음(curation) 사이트 (react, vue…)
https://github.com/vitejs/awesome-vite
[링크] [typescript] type/interface 에서 일부 필드의 타입을 변경(override) 하기 (Omit 과 & 사용)
https://stackoverflow.com/questions/41285211/overriding-interface-property-type-defined-in-typescript-d-ts-file
[링크] Typescript에서 window 객체에 property 추가하기
https://velog.io/@kineo2k/Typescript%EC%97%90%EC%84%9C-window-%EA%B0%9D%EC%B2%B4%EC%97%90-property-%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0 참고 위 내용을 찾아봤던 이유는, header/footer.tsx 에 속한 함수를 어떻게 호출할 방법이 없을까 찾아보다가 window객체의 프로퍼티로 함수를 편입시키는 방법을 알게 되었기 때문이었음.
FinalBurn Alpha 에서 rom 디렉토리를 제대로 지정하고 scan 했는데도 목록이 표시되지 않을 경우
select game 팝업창의 우측 filters 에서 Favorites 를 제외하고 모두 체크해 보자.
[springboot] application.yml 에 정의된 내용을 VM argument로 override 하기
예시 -Dspring.datasource.hikari.driver-class-name=org.mariadb.jdbc.Driver 참고 https://docs.spring.io/spring-boot/docs/current/reference/html/application-properties.html
[React] Cannot find module ‘webpack/lib/ParserHelpers’ 오류 해결
yarn add webpack -D
[vscode/react] Crbug/1173575, non-JS module files deprecated 오류
next.js 에서 web worker를 써 보겠다고 이런 저런 셋팅을 바꿔 보다가 이 오류를 만났다. 발생한 순간은 vscode 에서 run/debug로 launch.json 을 실행한 순간이었다. 그래서 부랴부랴 모든 셋팅을 다 원복했음에도 불구하고 이 오류가 사라지지 않았다. 이런 저런 씨름을 하다가, 최종적으로 launch.json 파일을 건드려 줘서 (수정후 save, 원복후 save 해서 결국 내용은 그대로) 복구가 되었다. 대체 뭐가… Read More »
해외주식 양도소득세 신고/납부 직접 했던 기록
양도소득세 (순수익에서 250만원 공제한 금액에 대하여 20% 과세) ▶ 신고 홈택스 > 신고/납부 > 세금신고 > 양도소득세 (나중에는 금융어쩌구세금으로 바뀐다고 한다.) 자산종류는 국외자산 으로 함. 주식종류코드는 61 로 함. 위의 항목들 모두 그냥 그게 맞을 거 같아서 한 거지, 정확한 것은 모름 isin 코드 는 여기 서 참고함 ▶ 납부 우리은행 앱 > 공과금 >… Read More »
락(lock, 잠김, 드래그 안됨) 걸려 있는 pdf 파일을 그럭저럭 drag & copy 할 수 있는 환경 만들기
1. 알pdf > 도구 > 문자인식(OCR) (OCR 플러그인이 없으면 플러그인 설치 프로세스로 넘어감) 2. OCR 결과 파일 저장 (대개 ‘OCR’ 이라는 접미사가 붙은 파일로 새로 저장) 3. 알pdf > 파일 > 내보내기 (e.g. Excel)
[react] useEffect 함수 내에서 async 함수 호출하기
[React]useEffect Hook에서 async await를 사용하여 API 호출
[react] useState의 setter 를 동기함수(sync ≒ async ~ await) 처럼 사용할 수 있게 해 주는 방법 (결론: 안됨)
나의 코드 샘플 const [dataList, setDataList] = useState<any[]>(); … const data = await getData(id); setDataList(preList => { const tmpList = [ …preList ]; tmpList[i] = data; return tmpList; }); 이것으로 된다고 착각했었으나, 진짜 동기식으로 처리 되는 것이 아니라, setter를 연속 호출 했을 떄, 이전 값이 보존되는 수준의 처리였던 것이다. 진짜 코드 흐름 내에서 동기식으로 처리하려면… Read More »
[링크] 자음 모음 분리 해결법! (글자가 ㅇㅣㅅㅏㅇㅎㅐㅇㅛ)
https://bam-angi.tistory.com/41