듀비 라이프

2022년 5월 기준 php 최신 버전은 8.x이다. php 7버전 이후인지 8버전 이후부터인지는 모르겠으나, 엑셀 다운로드 기능에 편하게 사용되던 PHPExcel 라이브러리가 정상 작동하지 않는다. 구버전에서는 정상작동한다. 개발측에서 더이상 업데이트 하지 않는것 같다. 따라서 PHP최신버전을 사용하거나 php 구버전 (예를들어.. 5.x버전)을 사용하다가 최신 8버전으로 마이그레이션 작업을 해야한다면, PHPExcel 라이브러리를 PhpSpreadsheet로 변경해줘야한다. PhpSpreadsheet는 PHPExcel과 다른 라이브러리라 새로 설치가 필요하지만, 소스는 비슷해서 마이그레이션 작업이 그닥 어렵지 않다. PhpSpreadsheet 설치 사실 서버단에서 composer를 이용하여 설치 해야..

input text의 placeholder에 css를 적용해야할 때가 있다. 아래와 같이 적용한다. 1 2 3 4 5 6 input:focus {outline:none} input::placeholder{padding-left:20px;color:#838383;font-size:14px;letter-spacing:-1.2px} input::-webkit-input-placeholder {padding-left:20px;color:#838383;font-size:14px;letter-spacing:-1.2px} input:-ms-input-placeholder {padding-left:20px;color:#838383;font-size:14px;letter-spacing:-1.2px} Colored by ..

1 .my_div{background:#404040 url('./search_icon.png') no-repeat;background-position:center center} cs 이미지 아이콘 백그라운드 색상 적용되도록 png 이미지 사용하는거 잊지 말기.

자주는 안쓰는데 꼭 쓰려고 하면 까먹어서 다시 찾게 됨 // 숫자만 입력받음(input text) oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" //이메일 정규식 체크 var EmailExp = /[0-9a-zA-Z][_0-9a-zA-Z-]*@[_0-9a-zA-Z-]+(\.[_0-9a-zA-Z-]+){1,2}$/; // 숫자 var pattern_num = /[0-9]/; // 문자 var pattern_eng = /[a-zA-Z]/; // 특수문자 var pattern_spc = /[~!@#$%^&*()_+|?:{}]/; // 한글체크 var pattern_kor = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/;..

EX) var arr = ['a', 'b', 'c', 'd']; // arr = ['a', 'b', 'c', 'd'] arr.push('d'); //맨뒤에 요소 추가 // arr = ['d', 'a', 'b', 'c'] arr.unshift('d') //맨앞에 요소 추가 // arr = ['a', 'b', 'd', 'c'] arr.splice(2, 0, 'd') //index 2 ('c')의 위치에 요소를 추가 // arr = ['a', 'b', 'd', 'c', 'e', 'f'] arr.splice(4, 0, 'e', 'f') // index 4의 위치에 2개의 요소를 추가 var arr = ['a', 'b', 'c', 'e', 'f']; // arr = ['a', 'b', 'c', 'e'] arr.p..

폰트 변환 폰트 변환이 필요하다. 만약, ttf 파일만 갖고있다면 해당 파일을 아래 사이트에 업로드 후 eot, woff2, woff 등으로 변환한다. https://convertio.co/kr/otf-ttf/ OTF TTF 변환 (온라인 무료) — Convertio otf 파일(들) 업로드 컴퓨터, Google Drive, Dropbox, URL에서 선택하거나 이 페이지에서 드래그하여 선택해 주세요. convertio.co 변환 후 다운로드 시 파일명에 prefix가 붙으므로 파일이름 변경하는거 잊지말기 변환 후 홈페이지 서버에 변환한 파일들을 적절한 경로에 업로드 후 아래 css 작성 css 작업 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 2..

여러줄일때 여러 옵션이 더 들어간다. 1 2 3 4 5 6 /* 한 줄 */ .ellip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* 여러 줄 */ .ellipsis{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.2em; height:2.4em } Colored by Color Scripter cs 여러 줄일때, webkit-line-clamp 옵션, height 옵션을 변경한다. ex) 네줄까지 표기하려면 1 2 3 ..

* 가로 중앙정렬 1 2 3 4 5 6 7 8 9 10 .div1{position:relative;} .my_div {position:absolute;left:50%;transform:translateX(-50%);} Colored by Color Scripter cs * 세로 중앙정렬 1 2 3 4 5 6 7 8 .div1{position:relative;} .my_div {position:absolute;top:50%;transform:translateY(-50%);} Colored by Color Scripter cs

head에 아래 meta 선언 meta 선언 안하면 모바일에서 media query 내용이 모바일 화면에 맞춰서 보이지 않으므로 반드시 선언해야함 1 2 Colored by Color Scripter cs css에서 화면 사이즈에 따라 아래 코드 사용 1 2 3 4 5 6 7 8 9 .my_div{width:50%;} /*기본은 가로길이 50%*/ @media screen and (max-width:1500px){ .my_div{width:70%;} /*브라우저 길이가 1500px 이하일때 가로길이 70%*/ } @media screen and (max-width:768px){ .my_div{width:100%;} /*브라우저 길이가 768px 이하일때 가로길이 100%*/ } Colored by Col..

내가 자주 사용하는 스크롤 css 스타일 1 2 3 4 .scroll_style::-webkit-scrollbar {width:5px} .scroll_style::-webkit-scrollbar-track {background-color: transparent} .scroll_style::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #aaa} .scroll_style::-webkit-scrollbar-button {width: 0;height: 0;} cs