TypeScript 2

ag-grid 컬럼 정의에 tanstack query 데이터를 참조했을 때 벌어지는 일 (2)

Previousag-grid 컬럼 정의에 tanstack query 데이터를 참조했을 때 벌어지는 일 (1) ag-grid 컬럼 정의에 tanstack query 데이터를 참조했을 때 벌어지는 일 (1)오늘도 따끈따끈한~ 당일 자 트러블 슈팅이다.레포트된 버그는 다음과 같다.ag-grid를 사용한 테이블에서 사용자가 순서를 변경한 컬럼이 일정시간 뒤 초기화됨! 🙄 해결해보자. 해당 프로젝트에meldu.tistory.com 1편 내용에 이어서... 그렇다. 의존성 배열에 '장비그룹' 을 가진 useMemo는 장비 그룹 데이터가 바뀌지만 않는다면 컬럼이 초기화 되는 일은 없다. 코드를 작성할 당시에도 장비 그룹 데이터가 바뀔 것이라고 생각 하지 않았던 듯 싶다. 적어도 화면을 사용하고 있는 동안은 말..

트러블 슈팅 2025.05.20

Map을 쓸까 Object를 쓸까?

오랜만입니다! (허공에 인사 🤸‍♀️) 오늘은 실제로 '오늘' 업무하면서 고민했던 따끈따끈 주제를 가져왔습니다. 먼저, 구현하고자 했던 기능은 다음과 같습니다.두가지 중 하나의 라디오버튼을 클릭했을 때, 특정 값에 대해 조건부 렌더링으로 추가 입력 Form을 노출 하고자 한다. ex. [ ] 전체 [ ✔️ ] 입력 입력 필드 : blah blah 화면에 이와 비슷한 설정 필드가 4~5개 정도 되었기 때문에저는 이 라디오 버튼과 Input 태그를 하나로 묶어 컴포넌트로 사용했는데요.대략 이런식입니다. 그리고 RadioWithInput 컴포넌트 내부에서 input 태그의 name을 지정해주는 방식을 사용했습니다.이때, Map이 사용되었죠!const inputMap = new Map([['Ra..

트러블 슈팅 2025.05.09