기록저장소

kay0426.tistory.com/27 HTML 파일 분리하는 법. HTML에서 다른 HTML 포함시키는 법. 0. 들어가기 전 얼마 전 개인적으로 웹 프로젝트를 진행하던 중 'HTML파일을 분리할 수 없을까' 라는 궁금한 점이 한 가지 생겼다. 웹 프로젝트 경험이 풍부하지는 않지만 직감적으로 HTML파일을 kay0426.tistory.com https://kyung-a.tistory.com/18 일반 HTML 파일에 HTML include/imports 하는 방법 프론트엔드 개발자가 아닌 마크업을 위주로 하는 웹퍼블리셔들은 대부분 일반 html, css 파일로 작업을하게 됩니다 페이지가 많아지다보면 중복되는 내용이 많아지죠? 특히 header와 footer는 거의 kyung-a.tistory.com

Option One Two Three Four Five

key설정 구글제공 기본 튜토리얼 (function(exports) { "use strict"; function initMap() { var myLatLng = { lat: 35.175185, lng: 129.124936 }; var map01 = new google.maps.Map(document.getElementById("map"), { zoom: 16, center: myLatLng }); var marker = new google.maps.Marker({ position: myLatLng, map: map01, title: "Hello World!" }); } exports.initMap = initMap; })((this.window = this.window || {})); 한페이지 지도 여러..

gahyun-web-diary.tistory.com/117 [자바스크립트플러그인]slick progressbar 만들기 [CSS] - [CSS]animation - 애니메이션 효과 중지했다가 다시 시작하기 [javascript] - [JAVASCRIPT/JQUERY]이미지슬라이드 플러그인 slick 옵션 설정하는 법(사용법) progressbar1 - 1개의 슬라이드에 대한 progr.. gahyun-web-diary.tistory.com

.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