[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]; …
[react] input onChange() 에 lodash debounce 적용 샘플
onChange={_.debounce((o: any) => handleChange(o, etc), 500)}
moment.js 에서 timezone 을 적용한 date 객체 다루는 샘플
환경 react 17.0.2 moment-timezone 0.5.34 소스 import moment from 'moment-timezone'; // tz 를 사용하려면 이걸로 import 해야 함. // 기본 timezone 지정 const DEFAULT_TIMEZONE = 'Asia/Seoul'; // const DEFAULT_TIMEZONE = 'America/New_York'; // 날짜 기간 검색시 기본 기간 export const DEFAULT_SEARCH_PERIOD_DAYS = 7; const cur = moment.tz(new Date(), DEFAULT_TIMEZONE); const start = cur.clone().add((-1 * DEFAULT_SEARCH_PERIOD_DAYS), 'days');… Read More »
[python] 모델(VO) 클래스 정의 샘플
환경 python 3.9 pydantic 1.9.0 sqlalchemy 1.4.31 fastapi 0.73.0 소스 # 리스트 내 요소 모델 class Prod(BaseModel): field1: Optional[str] field2: Optional[int] field3: Optional[Union[str, List[str]]] # 두 가지 타입을 받을 수 있도록 Union 처리 # 리스트 모델 class TestModel(BaseModel): site_id: Optional[int] update_time: Optional[datetime] alias: Optional[str] path: Optional[str] prod_list: Optional[List[Prod]] # 목록(리스트,List)형 파라미터 consume # DB 모델… Read More »
[python] hex encode/decode 유틸 샘플
환경 python 3.9 소스 """ 평문을 인수로 받아서 hex encoded string을 리턴한다. """ @staticmethod def encode_hex(src: str): if not src: return '' return src.encode('utf-8').hex() """ hex encoded string을 인수로 받아서 평문을 리턴한다. """ @staticmethod def decode_hex(enc: str): if not enc: return '' return bytearray.decode(bytearray.fromhex(enc))