Slowly, Steadily, Surely 👩‍💻

1️⃣ 연말정산 간소화 자료 다운로드 맨 왼쪽 클릭 작년 6월에 전회사 퇴사, 6월에 현회사 입사라서 (쉬었던 기간이 한달을 넘지 않음) '한번에 내려받기' 해주면 된다! 이렇게 pdf파일로 다운된다. 2️⃣ 전회사 원천징수 영수증 https://www.hometax.go.kr/websquare/websquare_cdn.html?w2xPath=/ui/pp/index.xml 국세청 홈택스 www.hometax.go.kr 맨 오른쪽 클릭 조회/발급에서 근로소득 지급명세서 조회 클릭 내역이 없음... 전회사에 요청해야함... 연락하기 싫은 경우에는 전회사도 연말정산을 하기 때문에 그 이후에 명세서가 뜨는데, 그때까지 기다렸다가 종합소득세 신고하면 된다고 한다... 그건 전회사에 연락하는 것보다 더 귀찮은 일...

https://yejinrla.tistory.com/68 [ React ] AG-GRID applyTransaction 행추가(add), 행삭제(remove), 행수정(update) 기능 구현하기 AG-GRID를 이용해서 그리드 행추가, 행삭제, 행수정 기능을 구현하려고 했다. 검색을 해보니까 생각보다 잘 나와있지 않아서 포스팅해본다. import { GridApi } from 'ag-grid-community' 일단 GridApi를 import 해 yejinrla.tistory.com 예전에 이 글을 올린적이 있었다. 맨 마지막 줄에 보면 데이터셋은 반영되지 않는다고 써있다. 생각해보면 당연하긴 하다. 데이터셋은 useState로 따로 선언되고 관리되고 있으니... const selectedData: ..

* 구조 화면에 2개의 그리드가 존재. 왼쪽 그리드 행을 클릭하면 상세 정보가 오른쪽 그리드에 뜸. * 만들고자 했던 기능 왼쪽 그리드 행을 클릭한 후 상세 정보를 수정중에 왼쪽 그리드 다른 행을 클릭할 때 '작성중입니다. 저장하지 않고 조회 진행하시겠습니까?' alert 창이 뜰 수 있게 하고, 확인을 누르면 조회를 진행 / 취소를 누르면 현상태를 유지시키려고 했다.(return) * 문제 발생 return을 시켜도, 다른 행을 클릭했던게 계속 남아있었다. 왼쪽 그리드에서 클릭된 행과 오른쪽 그리드의 상세정보가 서로 맞지 않게 된 것. * 해결 방안 강제로 다시 기존 행을 클릭하도록 만들기로 했다. 이때 setSelected 함수를 사용했다. forEachNode는 모든 노드를 다 보는데 (map같은 ..

정규식 테스트 사이트 : https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test RegExp.prototype.test() - JavaScript | MDN test() 메서드는 주어진 문자열이 정규 표현식을 만족하는지 판별하고, 그 여부를 true 또는 false로 반환합니다. developer.mozilla.org 내가 사용할 ..

우리나라 축제에 대한 데이터가 들어있는 그리드가 있다고 해보자. 현재 진행중인 축제 행을 노란색으로 표시해주고자 한다. getRowStyle : rowStyles 추가하고, rowStyles에 구현해준다. activeParadeList에 진행중인 축제 리스트가 들어있고, 조건에 만족하는 행에 대해서 background : 'yellow' 해준다. const rowStyles = (params: any) => { if (activeParadeList.find((el) => el.paradeName === params.data.cdNm)) { return { background: 'yellow' }; } return { background: '' }; }; const gridCodeTypeProps = { ..

특정 시간이라는 행에 데이터를 입력할 때 입력 문자를 제한할 수 있다. { headerName: '시간', field: 'time', editable: true, valueParser: (params: ValueParserParams) => { if (new RegExp(/[^0-9+:]/).test(params.newValue)) { dispatch({ type: SNACKBAR_OPEN, message: 'hh:mm:ss 형식으로 입력해주세요.', alertSeverity: 'info' }); return params.oldValue; } return params.newValue; } }, 숫자와 : 문자가 아니면 'hh:mm:ss 형식으로 입력해주세요.' 라는 메세지가 뜨는 코드이다.

https://yejinrla.tistory.com/99 [ PostgreSQL ] 데이터가 있으면 update, 데이터가 없으면 insert (upsert) https://mine-it-record.tistory.com/342 [PostgreSQL] 데이터 있으면 UPDATE 없으면 INSERT (INSERT INTO ~ ON CONFLICT DO UPDATE) PostgreSQL에서 사용하는 upsert구문에 대해 알아보자. 오라클에서는 merge into, mysql에서는 on duplic yejinrla.tistory.com 저번에 위와 같은 upsert 쿼리를 썼었다. 저 쿼리의 문제점은 db에 pk가 있어야 한다는 것... WITH UPSERT AS ( UPDATE pim_rule_ex_cc_..

const arrList2: any[] = []; for (let i = 0; i < arrList?.length; i += 1) { for (let j = 0; j < list.length; j += 1) { if (arrList[i].cdNm === list[j].cdNm) { const temp = list[j]; temp.type = arrList[i].type; arrList2.push(temp); } } } 작업중인 코드를 조금 변환해왔다. arrList와 list의 cdNm을 비교하며 같은 cdNm일때의 list 값을 뽑고, arrList의 type을 추가해준다. 기존에 list object에는 type이라는 속성이 없는데, 저렇게 temp.type = arrList[i].type 해주면 알..

https://mine-it-record.tistory.com/342 [PostgreSQL] 데이터 있으면 UPDATE 없으면 INSERT (INSERT INTO ~ ON CONFLICT DO UPDATE) PostgreSQL에서 사용하는 upsert구문에 대해 알아보자. 오라클에서는 merge into, mysql에서는 on duplicate on key update를 사용하며 이와 비슷하게 PostgreSQL에서는 insert into ~ on conflict do update 구문을 사용한다. mine-it-record.tistory.com insert into user ( user_id ,user_name ,phone_number ) values ( #{userId} ,#{userName} ,#{..

grid: { strokeDashArray: 5, }