홈짱닷컴

Bootstrap 4 (bs4-5 , 2020.01.26)

목차 기본글자 (= 기본텍스트) <h1> ~ <h6> : 기본제목 .display-1 ~ .display4 클래스 <small> : 머리글제목 보조글자 <mark> : 형광펜글씨 (※ 강조할 글씨에 사용) <ab…

Bootstrap 4 (bs4-4 , 2020.01.26)

목차 BS4 Grid 기본 구조 (너비 12등분 후 배분) BS4 Grid 분기점 BS4 Grid 예제 BS4 Grid 기본 구조 (너비 12등분 후 배분) 1 1 …

Bootstrap 4 (bs4-2 , 2020.01.26)

목차 BS4 다운로드 BS4 CDN BS4 체계 BS4 예제 ★ - 박스형 / 와이드형 BS4 다운로드 https://getbootstrap.com/ ※ 직접 다운받아 본인 사이트에 올리는 대…

CSS (css-327 , 2020.01.11)

목차 table-layout 예제 - 너비 결정 방식 table-layout 정의 table-layout 구문 table-layout:fixed 이슈 - 긴 영문 문자열로 인한 레이아웃 깨짐 방지 table-layout 예제 - 너비 결정 방식 …

HTML (html-158 , 2019.11.08)

목차 소스보기 (Ctrl + U) 개발자도구 (F12) 소스보기 (Ctrl + U) vs. 개발자도구 (F12) F12키 개발자모드에서 새로고침 시, Elements탭에서 Sources탭으로 자동 이동하는 경우 소스보기 (Ctrl + U) &nb…

코딩동강 (mv-631 , 2019.11.07)

Simple HTML DOM 소개jQuery 문법으로 HTML 데이터 제어하는 라이브러리 . 다운로드 https://sourceforge.net/projects/simplehtmldom/files/ 매뉴얼 https://simplehtmldom.so…

CSS (css-317 , 2019.10.14)

목차 flex-shrink 예제 - 다른 아이템에 비해 줄어들 정도 지정 flex-shrink 정의 flex-shrink 구문 flex-shrink 예제 - 다른 아이템에 비해 줄어들 정도 지정 <style> …

CSS (css-316 , 2019.10.14)

목차 flex-grow 예제 - 아이템 너비 증가 flex-grow 정의 flex-grow 구문 flex-grow 관련 주소 flex-grow 예제 - 아이템 너비 증가 <style> #hz { &…

CSS (css-315 , 2019.10.13)

목차 flex-basis 예제 - 아이템 초기 길이 flex-basis 정의 flex-basis 구문 flex-basis 예제 - 3단 레이아웃 flex-basis 예제 - 아이템 초기 길이 <style>…

JavaScript (js-1930 , 2019.09.22)

예: INPUT, TEXTAREA 요소 경우 함수실행제외 function homzzang(e) { if(['INPUT', 'TEXTAREA'].includes(document.activeElement.tagName)) { return; …