즈코딩을 하면서 Jquery가 가장 복잡했던 느낌....
오늘 4시에 컨펌을 받아야 하는 상황이라 급하게 아웃풋을 만들게 되었다.
아직 미완성이지만 대략 이런느낌...
보안상 내용은 보여줄 수 없지만 대략 Grid로 테이블은 구성했다.
그렇지만 아직 CRUD라든지 paging은 안된 상태이며
Grid를 조금 활용하기에는 미흡한 상태.....
그래도 이 테이블을 생성하는 과정을 한번 나열해보려고 한다.
바로 전 포스팅에서 언급한 오류들을 해결한 후 실제 데이터를 입혀보는데....
grid.jqGrid is not a function 오류!
이 오류는 그래도 쉽게 해결했다.
내가 프로젝트를 구성할 때 기본적인 BootStrap파일들을 하나의 footer.jsp나 common.jsp로 통합하는데...
여기에서 같이 호출되면서 충돌이 났던거 같다.
그래서 jquery-3.3.1slim.min.js와 jquery-3.3.1.min.js를 제거했다.
이유는?
Uncaught TypeError: jQuery(...).jqGrid is not a function
이 오류와도 연관이 있다고 판단했다.
현재 내 jsp 프로젝트에서 3.3.4 버전을 사용하고 있기 때문에
충돌이 났을 것으로 판단했기 때문에 버전을 한개로 축소시켜줬다.
해결 후 grid화면은 안뜨지만 페이지 오류는 없었다.
현재 나는 mysql -> java Controller -> jsp 구조로 데이터를 받는데
여기서 json으로 받았고 이를 가공하는 방법에 대한 고민을 엄청했다.
1. 파일을 생성하자
FileWriter writer = new FileWriter(path+"resources/json/wealthList.json");
writer.write(gson.toJson(wDevelop));
writer.flush();
writer.close();처음에는 json파일을 writerFileFileWriter을 해볼까 고민하고 위의 코드를 만들어봤지만
이또한 의미없고 파일이 생성되지 않아서 삽질을 했다...
그렇다면 가장 빠른 시간내로 할 수 있는 방법은?
1. 자바[Json] - > JSP[Json->Array]
2. JSP[var Array -> jqGrid]
3. jqGrid[datatype : local, data : Array]
즉 json형태로 데이터를 jsp에 넘긴 후
jsp에서는 json데이터를 배열로 받아서 jqGrid에 넘기면 끝!
어떻게 보면 이 방법이 하드코딩일 수 있으나....
그래도 결과를 냈다는 점에서 고마울뿐...ㅎㅎ
우선은 1차 컨펌이 끝나면 최선을 다해서 최적화를 해봐야겠다..
페이징도해야하구... 데이터 CRUD부터...
이런 과정들을 하다보면 결국 모든 코드를 다 고쳐야 하지만..
좋은 경험이 될 것이라는 생각에 기쁘다..ㅎㅎ