[링크] vite 프로젝트(project) 생성 템플릿(template) 모음(curation) 사이트 (react, vue…)
https://github.com/vitejs/awesome-vite
Author Archives: itpsolver
[링크] [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
[python/FastAPI] http 422 unprocessable entity 오류
내 경우는 model 멤버의 데이터타입 때문에 발생했었다. ( string을 보냈는데 int 로 받음 ) 참고 https://velog.io/@ryu_log/%EB%82%B4%EA%B0%80-%EA%B2%AA%EC%9D%80-422-%EC%97%90%EB%9F%AC-FastAPI
[python/sqlalchemy] utc datetime 필드 목록을 ISO 8601 date format 으로 select 후, 다시 그 값을 where 조건에 사용하는 쿼리 샘플
TEST_TABLE = sqlalchemy.Table( "TEST_TABLE", metadata, sqlalchemy.Column("user_id", sqlalchemy.Integer), sqlalchemy.Column("del_yn", sqlalchemy.String), sqlalchemy.Column("update_time", sqlalchemy.DateTime) ) # MAX_HISTORY 관리를 위한 delete 작업 MAX_HISTORY = 10 # 레코드를 이 개수만 유지 (FIFO) where_clause = f"""user_id={user_id} AND del_yn <> 'Y'""" query = f""" /* 수정일시 – ISO 8601 format (명시적 datetime 객체 바인딩이 아니라 sqlalchemy.engine.row.Row 로 자동 바인딩 되므로 쿼리단에서 포맷팅… Read More »
[react/next.js] ChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failed 오류 해결
간단 요약 프로젝트 루트경로 > .next 폴더를 지우고 재실행 참고 https://stackoverflow.com/questions/67652612/chunkloaderror-loading-chunk-node-modules-next-dist-client-dev-noop-js-failed
[react/useRef] ref 를 배열로 관리하는 샘플
개요 가변적으로 row가 추가되는 동적 UI에서 각 컴포넌트의 데이터 초기화, focus 등을 수행하기 위해 ref 가 필요한 사례가 있었음. (ref 배열, array) 소스 const testRefs = useRef<any>([]); … <Input ref={ (el) => (testRefs.current[idx] = el) } … /> … const ref = testRefs.current[idx]; …