인턴을 하면서 기존에 웹페이지 방식을 응용프로그램 형식으로 단순화 작업을 해야 한다고....
그래서 결국에 모든 코드를 수정해아하는 대참사...
그래도 이왕 하는거 재대로 해보자는 생각에
BootStrap Table 형식 -> JQuery BootStrap Grid 형식
변환하는 과정에서 자꾸만 빈칸으로 생성되는데....
처음에 Grid가 문제인가? 아니면 .js파일들이 오류인가
문제점을 확인하지 못했다...
그래서 나는 Jquery 가이드를 참고해서 테스트를 해봤다.
www.guriddo.net/demo/bootstrap/
Guriddo jqGrid - jQuery based grid HTML5 component for Javascript
Edit form with custom template New Cache dataUrl New Dialogs: edit Controls (datepicker, autocomplete, dropdown, checkbox, custom, etc) Dialogs: Edit, Add, Delete Dialogs: Custom Layout Dialogs: Linked / Dependent dropdowns Dialogs: Validation - client-sid
www.guriddo.net
위에 사이트에 가면 기본 가이드 코드를 제공해줘서 그거를 복붙한 후
경로만 수정해서 확인해봤는데....
우선 test파일을 생성한 후 확인!
역시나 확인 불가....
이런 경우 어떻게 해야하지.....
고민을 하다가 갑자기 생각난 행동이 해결책을 알려줬다!
그것은 바로 웹 페이지에서 소스코드 확인하기!
ctrl + shift + I를 눌러서 관리자 페이지로 들어간 뒤
console창에서 나의 오류를 확인한다.
내 오류는 없는 파일을 호출하던 문제였고
즉 jquery.jqGrid.js가 없는데 자꾸 그녀석을 호출한 문제였다.
내 js폴더에는 jquery.jqGrid.min.js가 있었기에 변경해줬고
디자인은 조금 깨졌지만!?
그래도 문제 해결!
가끔 바쁘다보면 내가 무슨 오류가 났는지 감으로 판단하는데
이런 상황이 지속되면 결국에 업무 효율이 떨어진다고 느꼈다.
다음에는 이런 실수를 최소화 할 수 있는 교훈을 얻었다.
만약 이 글을 보는 분들이라면!
오류가 발생했을 때 가장먼저 처음을 확인하는 걸 추천드린다.
예를 들어서 java코드를 개발하는데 디버깅을 한다던지
아니면 출력문을 통해서 부분적인 오류를 확인한다던지
css나 script같은 경우에는 관리자 페이지에서 console을 확인한다든지 등등
다양한 오류를 자신만의 해결하는 방법을 만드는게 중요하다고 느꼈다.