본문 바로가기

전체 글

 (137)
html 2023. 12. 7. 10:47
[html]모바일 전체화면 모드로 전환하기 manifest 모바일 크롬 접속 > 설정 > 홈화면 추가로 사용 가능* ios에서는 사파리로 가능 { "short_name": "아이콘과 함께 노출될 아이콘 tilte", "name": "로딩 시 보여질 text", // 스플래시 스크린 "display": "fullscreen", // fullscreen, minimul-ui, standalone, browser "orientation": "landscape", // 가로모드 / 미작성 시 디바이스의 설정에 따름 "icons": [ { "src": "/images/icons/icon-192x192.png", "sizes": "192x192", "type": "image/png" }, ..
css 2023. 12. 7. 09:11
[css]프린트 설정 @media print { // 프린트 될때 적용되어야할 css 작 // ex) 숨김처리 등 * {-webkit-print-color-adjust: exact; print-color-adjust: exact; } // 해당 css로 background로 작성된 이미지 혹은 컬러가 인식이 되지않는 현상 수정 } @page{ size: 297mm 210mm; /* A4 landscape; 가로모드; */ } 참고 : https://velog.io/@gth1123/print-css 참고 : https://velog.io/@may54ther/%EB%82%B4%EA%B0%80-%ED%8E%B8%ED%95%98%EB%A0%A4%EA%B3%A0-%EC%A0%95%EB%A6%AC%ED%95%98%EB%8A%94-%EC..
js 2023. 10. 27. 09:25
[js]input:file 이미지만 업로드 되게 하기 기본적으로 이미지파일만 첨부되게끔 보이지만, 파일 업로드시 모든 파일을 선택을 하게되면 첨부는 가능함 스크립트로 유효성 검사 필요 원하는 확장자가 있을 경우 accept=".jpg,.jpeg" 로 사용 가능 (콤마로 구분) See the Pen input:file 이미지만 업로드 하기 by sangmok-ye (@sangmok-ye) on CodePen.
js 2023. 10. 25. 11:08
[js]날짜 차이 / 일수 차이 구하기 (날짜 계산) let now = new Date(); let nowYear = now.getFullYear(); let nowMon = now.getMonth()+1; let nowDate = now.getDate(); let dateNow = new Date(nowYear+"/"+nowMon+"/"+nowDate) let dateNew = new Date(2024-01-01) let dateSubt = Math.abs(dateNew.getTime() - dateNow.getTime()); dateSubt = Math.floor(dateSubt / (1000 * 60 * 60 * 24)); 밀리세컨드로 변환 후 재계산 타이머와 같이 쓸때는 24시간이 남지않았을 때 dateSubt -1 해줘야함 ** 원래 ceil이었는..
js 2023. 10. 17. 10:07
[js]해당 태그가 보일 때 푸터가 보일 때 footerTop-windowH
css 2023. 10. 13. 15:31
[css]모바일 vh 종류 아이폰 갤럭시 dvh - 주소표시줄 유무에 따라 변경 svh - 주소표시줄이 있을 때 기준 lvh - 주소표시줄이 없을 때 기준
js 2023. 9. 13. 14:32
[js]제이쿼리로 만든 타이머 See the Pen 제이쿼리 타이머 by sangmok-ye (@sangmok-ye) on CodePen.
html 2023. 8. 22. 13:49
[html]textarea같은 엔터치는대로 출력하는 태그 pre
top

티스토리툴바