HTML 1. 시맨틱마크업 html5 테그 머리말 (섹션해더) 본문 (독립섹션) 문서에서 독립적인 하나의 콘텐트를 구분하는데 사용한다. 뉴스 항목, 블로그 본문과 같이 자체적으로 배포될 수있는 독립된 영역을 지정한다. (보조섹션) 문서의 주요 콘텐트와는 별개의 영역을 정의하는데 사용한다. 광고 블럭과 같이 주변의 콘텐트와 별도로 다뤄지는 영역을 지정한다 글 영역 사전적 의미 그대로 웹 문서의 한 부분, 한장을 구분하는데 사용한다 문서 내영역의 범위를 한정하며 문서의 아웃라인을 구성한다. 네비게이션(탬색 링크의 섹션 정의) 메뉴(도구모음 및 목록 양식 컨트롤, 명령) 문서의 제목을 그룹화 하는데 사용한다. 예를 들어 제목과 부제가 동시에 존재하는 문서의 경우 요소와 요소로 제목, 부제목을 정의하며 이들 제..
# sweetalert2 Website: https://sweetalert2.github.io/
데이터 변경
[css-flex]
Flex Container CSS Flex Items (ie11) flex-direction: row (기본값) order number 0 플렉스 항목의 순서지정 column flex-grow number 1 아이템 비해 얼마나 커질지 row-reverse flex-shrink number 1 아이템 비해 얼마나 작아질지 column-reverse flex-basis px auto 초기 길이를 지정 flex-wrap: nowrap (기본값) % wrap align-self auto align-items : 설정 재정의 align-content: normal (기본값) stretch center center flex-start flex-start flex-end flex-end space-around ba..
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