오늘 배운 것

• 연락처App 완성하기(2)
  
  

Paging 참고 사이트

https://datatables.net/

IIFE 란?

(function() {
    console.log('함수 호출'); // "함수 호출" 출력
}());

(function(a, b) {
  console.log (a + b);
})(1,1); // a=1, b=1 로써 결과 2 출력

• IIFE 사용 이유는?

    IIFE는 쓸데 없는 전역 변수를 만드는 것을 피함으로써 버그를 줄이는데 도움
  
  			안에 작성된 변수나 함수에 IIFE 밖에서 접근할 수 없음

IIFE 즉시 실행함수를 사용하여 paging 수정

(function (path) {
  $('.table').DataTable({
    language: {
      lengthMenu: '표시할 줄수 선택    _MENU_',
      search: '검색',
      paginate: { previous: '이전', next: '다음' },
      info: '페이지 _PAGE_ / _PAGES_',
      infoEmpty: '데이터가 없습니다.',
      infoFiltered: '(전체 페이지 _MAX_ 에서 검색)',
      thousands: ',',
    },
    lengthMenu: [5, 10, 25], // 한 페이지에 표시할 row 수
    pageLength: 5, // 표시할 페이지 갯수
    ordering: false, // 열의 정렬 기능
    stateSave: true,
  });
})(path);

• 수정, 삭제버튼을 보기 좋게 정리

table tbody td {
  /*단어를 붙여서 표시, !important는 무조건 적용(우선순위 최상위) */
  word-break: keep-all !important;
  /*table 안 td의 내용을 세로 가운데정렬*/
  vertical-align: middle !important;
}