e7e

https://www.ag-grid.com/javascript-data-grid/getting-started/ 웹페이지를 만들다 보면 엑셀 모양의 리스트 페이지를 많이 만들게 되고 당연히 리스트를 만들면페이지 나누기와 검색기능이 들어가야 하고 업무용 이라면 사용자는 원하는 부분을 파일로 받는 것을넘어서 엑셀 시트 처럼 컬럼순서도 자유롭게 바꾸고,보고 싶은 컬럼과 보고 싶지 않은 컬럼 까지 자유롭게선택할 수 있는 기능을 요구할거시당.어쩌면 이미 엑셀등에 익숙한 사용자 입장에선 당연한 요구 지만 개발 입장에선 조금 난감하당.이 경우 서버단과 클라이언트단이 이 책임을 나누어 가지는 것은 좋은 디자인이 아니고,화면제어가 많이 필요한 상황에서 서버단이 책임을 지는 것 역시 좋은 디자인이 아닐 거시당.클라이언트 단..

자바스크립트 2025. 4. 7. 12:52

2025.03.12 - [React] - React(리액트) 티키타카 25 (AG-Grid 활용 1)글에 다 설명하지 못한 걸 이어 달리기로 속도 줄임없이 가보장. 먼저 이름 컬럼에 검색 기능을 괘니 넣어보장. 왱? 쉬워서 안 쓸 수 없당.data.js 의  field:name 정의 부분 끝자락에 filter:true 부터 넣어보장.const colDefs = [ { field: "name", headerName: "이름", flex: 2, valueFormatter: (p) => { // console.log("체킁2:", p); // 누느로 확인하게 뽀인또 return `${ranEmoji()} ${p.data.name}`; }, filter: tr..

React 2025. 3. 17. 21:27

2022.10.26 - [자바스크립트] - ag-grid 간단 사용법(사용법 쪼메 바뀜!)글은 이제 보닝, 아주 오래 되었당. 맘에 걸렸는데, 잘 되었당.다시 쓰자니, 귀찮았는데 React를 기반으로 쓴다면 또 다른 맛의 향과 열매당. React에선 사용법이 더욱 쉽당. (자동완성의 힘은 항상 게으른 날 유혹한다)API나 컴포넌트는 항상 그것을 제공하는 홈페이지의 설명으로 부터 시작하장.https://www.ag-grid.com/그곳에서 React를 클릭하여 스스로 공부 (Self-Study)가 가능하다면 당신은 이미 날 업고 넘었다. 성격이 급하고 뽀인또만 뽑고 싶은 사람들은 지금부터 나와 함께 출발하장. 이제는 생략하고픈 아래와 같은 과정을 이젠 본능적으로 하자1. 이름 영어로 아무렇게나  어딘가 나..

React 2025. 3. 14. 00:17