[링크] 리액트(React) 개념 정리
[javascript] 의존성 관리 [javascript] 성능 최적화 [javascript] 디버깅 React Hooks: useRef 사용법 React useRef의 다양한 활용 방법(mutable object, callback ref와 forwardRef)
Author Archives: itpsolver
[펌글] 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
[AG Grid] client row model 에서 그리드의 row 순번(num, seq) 자동으로 생성하기
환경 ag-grid-react 26.0.0 칼럼 정의 … { field: 'seq', headerName: '순번', valueGetter: 'node.rowIndex + 1' }, … 그리드 property <AgGridReact rowData={rowData} columnDefs={columnDefs} … onSortChanged={(e) => { e.api.refreshCells() }} // client row model 에서 칼럼 헤더 클릭해서 정렬이 변경되었을 때, valueGetter: 'node.rowIndex + 1', 로 만든 순번을 다시 리프레시 해 준다. ></AgGridReact>
PES 2021 (eFootball) 에서 게임 도중 검은 화면으로 잠깐 깜빡였다가 복귀하는 현상 (blackscreen in game sometimes)
별의 별 실험을 다 했으나 원인을 찾지 못하던 중, 모니터를 바꿔서 게임을 해 보니 그 현상이 나타나지 않았다. 잘은 모르지만 오히려 최신의 게이밍 모니터 (144hz?) 와의 상성이 좋지 않은 것이 아닐까?
spring boot jar 실행시 mybatis typeAlias 관련 오류 해결 (SpringBootVFS)
환경 springboot 2.6.3 mybatis-spring-boot-starter 2.2.2 mybatis 설정파일에 typeAlias 를 정의해 사용하고 있음. 서버 기동(springboot jar 파일 실행)시 에러메시지 org.apache.ibatis.builder.BuilderException: Error resolving class. Cause: org.apache.ibatis.type.TypeException: Could not resolve type alias ‘[VO클래스명]’. Cause: java.lang.ClassNotFoundException: Cannot find class: [VO클래스명] 이 에러는 spring boot를 jar로 packaging하여 실행하는 경우에만 발생한다고 함. 해결 (xml config) 나는 설정의 편의를 위해 java config가… Read More »
[react] Next.js 에서 antd(ant-design) 차트(chart/그래프) 사용할 때 css 관련 오류
최초 @ant-design/charts 를 package에 add 하려 했으나, 그랬을 경우에 next.js 와 충돌이 생겨서(next.js에서는 모듈별 css를 사용할 수 없습니다…류의 오류), 하위 항목인 @ant-design/plots 를 add 했더니 오류 없이 잘 되었다. 웬만한 차트들은 plots 만으로도 커버 가능한 것으로 보임 yarn add @ant-design/plots