IT세무민의 코딩일기: JQuery Grid가 안입혀질때 처음으로 돌아가보자 ㅠㅠ

인턴을 하면서 기존에 웹페이지 방식을 응용프로그램 형식으로 단순화 작업을 해야 한다고....

 

그래서 결국에 모든 코드를 수정해아하는 대참사...

 

그래도 이왕 하는거 재대로 해보자는 생각에 

 

BootStrap Table 형식 -> JQuery BootStrap Grid 형식

 

변환하는 과정에서 자꾸만 빈칸으로 생성되는데....

 

처음에  Grid가 문제인가? 아니면 .js파일들이 오류인가 

 

문제점을 확인하지 못했다...

 

그래서 나는 Jquery 가이드를 참고해서 테스트를 해봤다.

 

www.guriddo.net/demo/bootstrap/

Guriddo jqGrid - jQuery based grid HTML5 component for Javascript

위에 사이트에 가면 기본 가이드 코드를 제공해줘서 그거를 복붙한 후 

 

경로만 수정해서 확인해봤는데....

우선 test파일을 생성한 후 확인!

 

역시나 확인 불가....

 

이런 경우 어떻게 해야하지.....

 

고민을 하다가 갑자기 생각난 행동이 해결책을 알려줬다!

 

그것은 바로 웹 페이지에서 소스코드 확인하기!

 

ctrl + shift + I를 눌러서 관리자 페이지로 들어간 뒤 

 

console창에서 나의 오류를 확인한다.

 

내 오류는 없는 파일을 호출하던 문제였고 

 

즉 jquery.jqGrid.js가 없는데 자꾸 그녀석을 호출한 문제였다.

 

내 js폴더에는 jquery.jqGrid.min.js가 있었기에 변경해줬고

 

디자인은 조금 깨졌지만!?

 

그래도 문제 해결!

 

가끔 바쁘다보면 내가 무슨 오류가 났는지 감으로 판단하는데

 

이런 상황이 지속되면 결국에 업무 효율이 떨어진다고 느꼈다.

 

다음에는 이런 실수를 최소화 할 수 있는 교훈을 얻었다.

 

만약 이 글을 보는 분들이라면!

 

오류가 발생했을 때 가장먼저 처음을 확인하는 걸 추천드린다.

 

예를 들어서 java코드를 개발하는데 디버깅을 한다던지

 

아니면 출력문을 통해서 부분적인 오류를 확인한다던지 

 

css나 script같은 경우에는 관리자 페이지에서 console을 확인한다든지 등등

 

다양한 오류를 자신만의 해결하는 방법을 만드는게 중요하다고 느꼈다.