자바스크립트 패턴 - 코드 작성 기초
1. 유지보수 가능한 코드 작성유지보수 가능한 코드의 특징 - 읽기 쉽다. - 일관적이다. - 예측 가능하다. - 한 사람이 작성한 것처럼 보인다. - 문서화되어 있다. 2. 전역 변수 최소화자바스크립트는 함수를 사용하여 유효범위를 관리한다. 모든 자바스크립트 실행 환경에는 전역 객체가 존재한다. 어떤 함수에도 속하지 않은 상태에서 this를 사용하면 전역 객체에 접근하게 된다. 전역 변수를 생성하는 것은, 이 전역 객체의 프로퍼티를 만드는 것과 같다. 편의상 브라우저에는 전역 객체에 window라는 부가적인 프로퍼티가 존재하며 전역 객체 자신을 가리킨다. 다음은 브라우저 환경에서 전역 변수를 생성하고 이 변수에 접근하는 방법이다.myglobal = "hello"; // 안티패턴 console.log(m..
Custom Template Filter를 이용한 반복문 조건 지정하기
template에서 db에 저장된 값과 90부터 150까지 10씩 증가하는 값을 비교하여 결과를 렌더링 한다. model.pyclass Size(TimeStampedModel): checked_size = models.PositiveIntegerField() 구현방법1. custom template filter 패키지 만들기 - custom template tag, filter를 지정하는 장소는 django 앱 내에 있다. - 관련이 있는 앱이 있다면, 앱 내에 추가하는 것이 좋다. - 추가할 앱의 models.py, views.py와 같은 레벨에 templatetags 디렉토리를 생성한다. - templatetags 모듈을 추가한 후에 템플릿에서 태그 또는 필터를 사용하려면 서버를 다시 시작 해야한다...
웹 페이지 pdf 생성하기
PDFMake를 이용해서 테이블을 만들 수 있지만, 복잡한 테이블을 생성하려니 매우 번거로운 작업이었다.따라서 특정 영역을 이미지로 캡쳐하여 pdf로 생성하는 방법을 택했다. 사용한 API1. PDFMake : pdf를 생성한다.2. html2canvas : 웹페이지 상의 요소를 캡쳐, 이미지로 저장한다. 구현 방법 - capture 할 요소들을 이미지로 변환하여 pdf로 생성될 content 리스트에 추가해준다. - 마지막 요소인 경우, pdf를 생성, 다운로드 한다. - 4번째 요소마다 다음 페이지로 넘긴다. - 한글을 출력하기 위해서는 font를 포함한 새로운 vfs_fonts.js 파일을 생성해야 한다. 참고) https://github.com/bpampuch/pdfmake/issues/33 결과