728x90 320x100 💻 뚝딱뚝딱/뚜루리그리드2 [개발일지#002] 나만의 그리드 일명 '뚜루리그리드' 만들기 Ver2 일단 만들긴 했다. 근데 문제가 있다. 버전1으로 하면 만들어지긴 하지만 컬럼을 추가하거나 할 때마다 그에 맞춰 함수를 변경해야 한다. 그래서 버전2에서는 컬럼과 데이터만 json형태로 제공해주면 그리드가 생성되도록 만들어볼 생각이다. 객체지향 개념 즉, class를 사용해서 만드는 것이 가장 베스트라고 생각이 들지만 아직 자바스크립트의 객체지향 형태는 익숙하지 않음으로 일단 내가 늘 만들어오던 Function을 활용해서 만들어보고 버전3에서 객체지향을 도입하여 Class 형태로 변경해볼 예정이다. grid_ver2.js (전체) const columns= [ { name : "회원명", id : "memberId", dateType : "String"} , { name : "이름", id : "name.. 2024. 4. 11. [개발일지#001] 나만의 그리드 일명 '뚜루리그리드' 만들기 Ver1 나는 회사에서 리얼그리드를 쓴다. 그러다 문득 과장님이 제안하신다. 바닐라JS와 Html만을 이용하여 리얼그리드 같은걸 만들어보는 건 어떻겠냐고. 너무....재밌겠다 싶어 바로 만들기 시작했다. 근데 바로 뚝딱 만들 자신은 없어서 일단 버전을 나눠서 업그레이드를 해보기로 했다. 의 그 첫번째! [개발 목표] 이번 개발일지에서는 자바스크립트의 function 기능을 이용해서 정말 기본적으로 행추가, 행삭제, 체크박스 선택기능까지 만들어 보기로 한다. html ///생략/// Total : 0 추가 삭제 No Name Position Office Age Start date Salary (만원) 1 ///생략/// 생각보다 복잡해보이지만 나름 깔끔하게 한다고 부트스트랩 적용했더니 좀 복잡해보이는 것임. 테이블.. 2024. 3. 31. 이전 1 다음 728x90 320x100
