리스트를 누르면 좌측으로 슬라이드 되고 타이틀을 누르면 이전 리스트로 돌아오는 메뉴를 만들었다.    See the Pen Untitled by minkyung (@myosotis99) on CodePen.   애니메이션을 누르면 $title의 갯수와 -100을 곱해서 wrapper margin left에 줬다.  let $animate = function(){ let pos = $title.length * -100; $wrapper.style.marginLeft = pos + '%';}   li을 클릭하면 애니메이션이 실행되고 $title에 이전 타이틀에 텍스트가 담긴다.  for (let i = 0; i { //메뉴의 갯수가 title의 갯수 -1 과 같으면 리턴 ..

html을 doc파일로 다운로드 받고 싶을때 사용하는 방법이다var html = [];function export2doc(fileName) { html.splice(0); // header var static = { mhtml: { top: "\n\n_html_", head: "\n", body: "_body_" } }; //html var htmlInner = '내용'; html.push(htmlInner); var styles = ( `@page { mso-page-border-surround-header: no; mso-page-border-surr..

jsPdf를 사용하여 여러 pdf파일을 제작하였는데 나중에 까먹지 않기 위해 적어둬야겠다   https://github.com/parallax/jsPDF?tab=readme-ov-file GitHub - parallax/jsPDF: Client-side JavaScript PDF generation for everyone.Client-side JavaScript PDF generation for everyone. - parallax/jsPDFgithub.com 위에 사이트에 들어가서 라이브러리를 받아 사용하면 된다. cdn을 받아 사용해도 되는데 웬만하면 다운받아서 쓰는 걸 권한다.   [기본 사용법] new jsPDF("orientation", "unit", "format");orientation  '..

원래는 document 높이를 가져와서 스크롤을 했었는데 예시에서는 작동을 안 하길래 임시 컨테이너를 만들어 사용했다  window에 적용하려면 아래를 사용하면 된다. window.addEventListener('scroll',function(){ var progress = document.querySelector('.progreeBar') var windowTop = window.scrollY; var winHeight = window.innerHeight; var docuHeight = document.documentElement.scrollHeight; var scrolling = (windowTop /(docuHeight - winHeight)) * 100..