개발/JavaScript (3) 썸네일형 리스트형 bootstrapTable_01 https://examples.bootstrap-table.com/#welcome.html Bootstrap Table Examples examples.bootstrap-table.com 01. 개요 정렬, 필터링, 검색, 페이지네이션 등 기본적으로 필요한 대부분의 기능들이 구현되어 있는 api이다. 직접 이런 기능들을 구현하라고 하면 id와 class를 덕지덕지 붙여서 어떻게 만들어보겠지만 시간 투자대비 효율은 좋지 않다. 표로 만들 데이터와 옵션값만 설정해주면 알아서 생성해주기 때문에 편하지만... 옵션으로 만들어진 텍스트와 버튼을 수정하려고 하면 머리가 아파진다. 02. 준비 - CSS - JS ''' 기묘한 묘험 bootstraptable js파일과 기본 bootstrap.js 파일을 가져와야 하.. 211019 - defer, use strict 장고를 이용해서 웹프로젝트를 하고 있는데 막상 부딪혀 보니 장고를 잡고 있는 시간보다 자바스크립트에서 막혀서 헤매고 있는 시간이 훨씬 길다고 느꼈다. 부족한 지식 안에서 해결하려고 시간을 다 쓰는 것 보다는 조금씩이라도 공부를 해서 해결능력 자체를 기르는 편이 좋겠다. =========================================== 1. use strict 'use strict'; console.log('hello world'); a = 6; 자바스크립트를 처음 공부할 때 배웠던 특징이 바로 규칙이 관대하다..였다. 위처럼 변수a를 선언하지 않고 막 대입시켜도 해석하고 동작하기 때문에 어디서 실수했는지 인지하지 못하는 경우도 있고 되는줄 알고 넘어갔다가 다른 부분과 함께 꼬여서 엉켜버리는 .. 수정 버튼 클릭시 정보 수정하는 스크립트 function changeBtn(id) { event.preventDefault(); var btn = document.getElementById("changeBtn_" + id) var btn_confirm = btn.nextSibling.nextSibling; var btn_delete = btn_confirm.nextSibling.nextSibling; btn.style.display = "none"; btn_confirm.style.display = ""; btn_delete.style.display = ""; var data_tr = document.getElementById("databox_" + id); console.log(data_tr); console.log(data_tr.childr.. 이전 1 다음
