HTML 1. 시맨틱마크업 html5 테그 머리말 (섹션해더) 본문 (독립섹션) 문서에서 독립적인 하나의 콘텐트를 구분하는데 사용한다. 뉴스 항목, 블로그 본문과 같이 자체적으로 배포될 수있는 독립된 영역을 지정한다. (보조섹션) 문서의 주요 콘텐트와는 별개의 영역을 정의하는데 사용한다. 광고 블럭과 같이 주변의 콘텐트와 별도로 다뤄지는 영역을 지정한다 글 영역 사전적 의미 그대로 웹 문서의 한 부분, 한장을 구분하는데 사용한다 문서 내영역의 범위를 한정하며 문서의 아웃라인을 구성한다. 네비게이션(탬색 링크의 섹션 정의) 메뉴(도구모음 및 목록 양식 컨트롤, 명령) 문서의 제목을 그룹화 하는데 사용한다. 예를 들어 제목과 부제가 동시에 존재하는 문서의 경우 요소와 요소로 제목, 부제목을 정의하며 이들 제..
# sweetalert2 Website: https://sweetalert2.github.io/
데이터 변경
[css-flex]
Flex ContainerCSS Flex Items (ie11)flex-direction:row(기본값) ordernumber0플렉스 항목의 순서지정 column flex-grownumber1아이템 비해 얼마나 커질지 row-reverse flex-shrinknumber1아이템 비해 얼마나 작아질지 column-reverse flex-basispxauto초기 길이를 지정flex-wrap: nowrap(기본값) wrap align-selfauto align-items : 설정 재정의align-content: normal (기본값) stretch center center flex-start flex-start flex-end flex-end space-around baseline s..
css .xxx { max-height : calc(100vh - 50px); max-height : calc(var(--vh, 1vh) * 100 - 50px); } js(jQuery) var vh = window.innerHeight * 0.01 document.documentElement.style.setProperty('--vh', `${vh}px`) window.addEventListener('resize', () => { var vh = window.innerHeight * 0.01 document.documentElement.style.setProperty('--vh', `${vh}px`) }) $(".xxx").css({ "max-height" : "calc(100vh - " + "50px..
# NVM(Node Version Manager)- nvm 설치 방법(1)https://github.com/coreybutler/nvm-windows/releases (nvm-setup.zip) All version: Index of /download/release/ (nodejs.org) Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windowsgithub.com - 버젼확인 (현재 버젼에 "*" 표기된다)nvm ls- 특정버젼 설치nvm install 16.15.1- 특정 버젼 이동nvm use 16.15.1- 특정..
# body 스크롤 중앙 도달시 클래스 추가/*** 바디 스크롤 중앙(_wH / 2) 클래스 추가 * 타겟 클래스 : .js-motions* 모션 클래스 : .m_active*/function motionActive() { var _wH = window.innerHeight; //$(window).innerHeight(); $('.js-motions').each(function() { var _t = $(this).offset().top + (_wH / 2); if ($(window).scrollTop() + _wH > _t) { $(this).addClass('m_active'); } else { ..
- EJS --- 사용 --- - file-include @@include('../_include/_in_panel_title.html', { "txt_tit" : "Title 1 line Title 1 lineTitle 1 lineTitle 1 lineTitle 1 line ", "txt_desc" : "Description 1 line Description 2 line Description" }) --- 사용 --- @@p_title
- Total
- Today
- Yesterday