wkhtmltopdf 다운로드 윈도우 버전을 설치 하고 환경 변수를 추가 한다. 환경 변수 추가 방법 필수 옵션 마진 : -T 21,-R 21,-B,-L (단위 mm) @media type print 적용 : --print-media-type 확대축소 : --zoom 1.33 자동 페이지 맞춤 비활성(기본적으로 pdf가 축소 되어 저장됨) : --disable-smart-shrinking 용지 방향 : -O Landscape 전체 옵션 smple code 명령프롬프트 cmd (파일을 생성할수 있는 권한이 필요하기 때문에 관리자 권한으로 실행으로 실행) wkhtmltopdf.exe -T 21 -L 21 --print-media-type --disable-smart-shrinking https://www.g..
a tag에 javascript로 이벤트를 추가하는경우 의도와 다르게 이벤트가 한번에 동작하지 않거나 아에 동작을 하지 않는 경우가 있다. 이벤트 동작 원리 a tag에 hover 스타일이 있는경우 : 한번 tap할 경우 ios safari는 hover 이벤트를 수행하고 버블링 이벤트가 발생하지 않는다. label에 이벤트를 추가한 경우 : 해당 이벤트는 무시되고 label에 연결된 inpupt에 active를 활성화 하고 종료 된다. button에 toggle 이벤트를 추가한 경우 : 최초 한번만 실행되고 포커스가 벗어 나지 않는 경우 재실행 되지 않는다. 해결방안 별도의 자바스크립트 라이브러리를 이용하여 tap 이벤트를 구현한다. hover효과를 제공하는 경우 별도의 이벤트를 스크립트로 구현하여 제공..
#원인 부모 와 자식 노드가 fixed이고 부모의 영역이 스크롤(overflow-y:auto)을 실행할때 자식노드가 사라지거나 위아래로 흔들림. 부모 영역이 fixed 스크롤(-webkit-overflow-scrolling: touch) 되고 자식노드가 fixed 인 경우 부모가 스크롤 상태중 자식노드가 화면에 노출되지 않음. #이유 ios 모멘텀 스크롤이 실행되는 동안은 자식노드의 position 값이 업데이트 되지 않아 노출되지 않음. 부모영역의 스크롤이 끝날때 자식노드의 위치가 업데이트 됨.(동시에 화면에도 노출되지 않음, 영역은 존재함.) #해결 해결1 : fixed되는 자식요소는 스크롤 영역 밖에 위치 하여야함. 해결2 : 모멘텀 스크롤 해제.(스크롤이 부드럽지 않다.)