기록저장소

.scroll-test::-webkit-scrollbar { width: 6px; } .scroll-test::-webkit-scrollbar-track { background-color: transparent; } .scroll-test::-webkit-scrollbar-corner{ background-color: transparent; //가로, 세롤 스크롤track사이 corner } .scroll-test::-webkit-scrollbar-thumb { border-radius: 3px; background-color: gray; //트랙사이 간격넣을 때 background-clip: padding-box; border: 2px solid transparent; } .scroll-test::-w..

body{ width: 1920px; position: relative; *{ box-sizing:border-box; } } /* 여백 초기화 */ body,div,ul,li,dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,input,fieldset,legend,p,select, table,th,td,tr,textarea,button,form,figure,figcaption{margin:0;padding:0;} /* a 링크 초기화 */ a {text-decoration: none;} a:hover {text-decoration: none;} /* 폰트 초기화 */ body, input, textarea, select, button, table { font-family: 'Noto Sans KR'..

html tab01 tab02 tab03 tab04 tab05 scss .tab-cont-box{ display:none; &.item-active{ display:block; } } .tab-btn{ overflow: hidden; li{ float: left; text-align: center; a{ display:block; margin-right:-1px; &.active{ border:none; } } } } css .tab-cont-box{display:none;} .tab-cont-box.item-active{display:block;} .tab-btn{overflow: hidden;} .tab-btn li{float: left; text-align: center;} .tab-btn li a..

mousedown mouseenter mouseleave mousemove mouseout mouseover mouseup

참고) sirusiru.tistory.com/entry/%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EC%B2%98%EC%9D%8C-%ED%8D%BC%EB%B8%94%EC%9D%84-%ED%95%A0-%EB%95%8C-%EC%95%8C%EC%95%98%EC%9C%BC%EB%A9%B4-%EC%A2%8B%EC%9D%80-%EA%B2%83%EA%B3%BC-%ED%98%91%EC%97%85%EC%9D%98-%EC%96%B4%EB%A0%A4%EC%9B%80 개발자가 처음 퍼블을 할 때 알았으면 좋은 것과 협업의 어려움 오늘 주제는 협업과 CSS입니다. 회사 환경에 따라서 개발자가 퍼블을 해야하는 상황이 존재하게 된다. 그냥 간단한 html 작업이라면, 퀄리티도 요구하지 않고, 부담없이 하게..

somjang.tistory.com/entry/Git-Git-Bash-%ED%84%B0%EB%AF%B8%EB%84%90-%EA%B3%84%EC%A0%95-%EB%B3%80%EA%B2%BD-%EB%B0%A9%EB%B2%95 [Git] Git Bash 터미널 계정 변경 방법! (Windows) Git Bash를 사용하다가 보면 다른 계정으로 변경하고 싶을 때가 있습니다. 저는 회사 컴퓨터에 개인 Github계정을 설정해 두었었는데 생각해보니 개인 계정을 사용하지 않고 계속 회사 계정으로 사� somjang.tistory.com

참고) kamang-it.tistory.com/entry/css%EC%A7%80%EC%98%A5%EC%97%90%EC%84%9C-%ED%83%88%EC%B6%9C%ED%95%98%EC%9E%906-css%EB%A1%9C-%EC%82%BC%EA%B0%81%ED%98%95%EC%9D%84-%EA%B7%B8%EB%A0%A4%EB%B3%B4%EC%9E%90?category=772188 css지옥에서 탈출하자(6) - css로 삼각형을 그려보자 이 시리즈는 필자가 웹프로그래밍을 겪으면서 생각처럼 잘안되고 짜증나는 css를 효율적이게 쓰기위해서 만든 시리즈이다. 여기에 들어온 여러분들도 이 쓰레기 같은 css의 고통을 같이 덜수 있� kamang-it.tistory.com nanati.me/css-balloons-..

참고) csslayout.io/patterns CSS Layout ∙ Explore Hit the Subscribe button for the latest news on my tools. No spam. Ever! © 2020 Nguyen Huu Phuoc. All rights reserved csslayout.io

$(function(){ //전체선택 체크박스 클릭 $("#allCheck").click(function(){ //만약 전체 선택 체크박스가 체크된상태일경우 if($("#allCheck").prop("checked")) { //해당화면에 전체 checkbox들을 체크해준다 $("input[type=checkbox]").prop("checked",true); // 전체선택 체크박스가 해제된 경우 } else { //해당화면에 모든 checkbox들의 체크를해제시킨다. $("input[type=checkbox]").prop("checked",false); } }) }) 전체선택 : 참고) roqkffhwk.tistory.com/34 jquery 체크박스 전체 선택/해제 샘플소스 jQuery attr / pr..

- 윈도우팝업 var windowPop = window.open(url, windowName, [windowFeatures]); windowPop (반환값) : 반환값이 없으면 null리턴 url (주소) : 새창이 보여질 주소, 갑싱 비어있을경우 빈창 ex) pop1.html, pop2.do windowName (팝업이름) : 팝업창의 이름, 동일한 팝업창이 열려있을 경우 해당팝업창의 내용이 초기상태로 바뀜 windowFeatures (팝업속성, 옵션) : 크기, 스크롤 등 ex) width, height, left, top, scrollbars, resizable, location(주소창 표시여부) .btn 클릭시 popup.html 윈도우 팝업 _ 크기 위치값 등 설정 $(".btn").click(..