프로젝트

개발

학습자통계

• 수료/미수료 인원 합계를 빠뜨려서 추가했다. sql에서 수료인원을 count하는 쿼리를 작성하고 엑셀에 값 넣도록 수정하였다.

설문통계

• 기존 화면은 jsp를 새로 띄우면서 jstl로 값을 넣게 되어있는데, 이번에는 이미 로드된 레이아웃에 ajax로 데이터를 받아와 보여주어야 하는 상황이었다.
• ajax로 값은 가져오는데 자동으로 데이터가 들어가지 않는 문제가 있었음 : 아마 ajax를 사용하면 화면을 새로 로드하지 않기 때문이지 않을까 생각함 -> 결국 ajax 함수 안에서 javascript로 html를 동적 생성하고 데이터도 직접 넣어주기로 결정함

jquery로 html element 만들기

1. 새로운 element 생성

const div = document.createElement("div"); // javascript
const div = $('<div>'); //jquery

2. jquery로 class, 속성 부여

div.attr('id', 'myDiv');
div.addClass('myClass flex-between');

3. jquery로 html element 추가하기

const div = $('<div>');
const table = $('<table>'); 
table.html('<colgroup><col width="20%"/><col width="15%"/></colgroup>'); // 직접 작성하기
div.append(table); // append로 넣기