유용정보 정규식으로 img 테그만 제거

출처 : its me 

2024.04.13 2024.04.13 조회 2

php 태그 제거 , img 테그 제거 php에서 html태그를 몽땅제거할 때는 strip_tags() img 태그만 제거할 때는 preg_replace("/<img[^>]+\>/i", "(image) ", $content); ==> "(image)" : img태그가 (image)로 교체. ==> ("image)" 대신 ""으로 하면 img 태그는 삭...

유용정보 스케치북 스킨에서 모바일에서 view 화면에서 사진 위에서 스크롤이 안 되는 현상이 발생할때

출처 : sejin7940 

2024.02.21 2024.02.21 조회 32

스케치북을 스킨을 사용할때 모바일에서 view 화면에서 사진 위에서 스크롤이 안 되는 현상이 발생할때가 있다 이는 스케치북 스킨의 기능중 '이미지 부가 기능' 에서 '이미지 드래그' 기능이 켜져있어서 그렇다 저 기능을 켜면, view 화면에...

유용정보 calc() - 속성값을 사칙연산으로 정할 수 있게 하는 함수 사용시 주의할 점

출처 : sejin7940 

2024.02.12 2024.02.12 조회 31

길이 등을 calc()는 괄호 안의 계산값을 속성값으로 사용하게 해주는 함수 px 와 % 를 같이 사용할 수 있기에 유용하게 많이 사용 예) style=" width : calc(100% - 150px); " ( 주의할점 ) 곱셈과 나눗셈의 좌우에는 공백이 없어도 되지만 덧셈과 뺄셈의 좌우...

유용정보 javascript에서 urlencode(), urldecode(), rawurlencode(), rawurldecode() php 코드와 동일하게 설정

출처 : 개발자의 끄적끄적:티스토리 

2023.12.23 2023.12.23 조회 130

// 자바스크립트에서 urlencode(), urldecode(), rawurlencode(), rawurldecode() php 코드와 동일하게 설정 // 자바스크립트에서 php urlencode 구현 함수 function urlencode(str) { str = (str + '').toString(); return encodeURIComponent(str) ...

유용정보 ul속 여러 개의 li를 화면 가운데 정렬 (block요소 가운데 정렬) 하는 방법

출처 : G's day 

2023.11.29 2023.11.29 조회 137

ul속 여러 개의 li를 화면 가운데 정렬 (block요소 가운데 정렬) 하는 방법 ( 참조 : https://gsdays.tistory.com/59 ) 가운데 정렬 ul 속성에 text-align : center li 속성에 display : inline-block (단, float : left 와 함께 쓰면 안 됨) 참고) block요소...

유용정보 윗첨자 ( sup ) 이나 아래첨자 (sub ) 을 쓸 경우 줄간격이 커지는 현상 수정법

출처 : 텍스트큐브 

2023.11.27 2023.11.27 조회 135

윗첨자 ( sup ) 이나 아래첨자 (sub ) 을 쓸 경우 줄높이가 평소보다 살짝 더 커지는 현상이 나온다. 이를 수정하려면 css 쪽에 sup, sub {line-height:1em;} 이렇게 처리해주면 다른 줄간격과 동일하게 나온다

유용정보 반응형시 CSS 로 br 줄바꿈 기능 없애는 방법

출처 : summerjoy.log 

2023.10.23 2023.10.23 조회 156

반응형시 CSS 로 br 줄바꿈 기능 없애는 방법 css 에 추가 @media only screen and (max-width: 767px) { br{ display: inline-block; content: " "; padding: 0 2px; } }

유용정보 Javascript Textarea 커서 위치에 문자열 추가 하는법

출처 :  

2023.08.15 2023.08.15 조회 120

Javascript Textarea 커서 위치에 문자열 추가 하는법 <script> addText('re_text', 'text'); </script> <textarea id="re_tect"></textarea> <script> function addText(id,addString) { var element = document.getElementById(id); var str...

유용정보 스크롤 캡쳐 하는 방법 - 크롬에서 GoFullPage 이용

출처 : 익스트림 매뉴얼 

2023.01.27 2023.01.27 조회 138

크롬에서 GoFullPage 확장프로그램 다운받아서 사용하면 스크롤이 있는 긴 화면의 캡쳐가 용이하게 가능하다 PC 버전 외에 모바일 캡쳐할때에도 F12 개발자모드에서, 모바일모드로 전환한 뒤에, GoFullPage 사용하면 모바일 캡쳐도 손쉽게 가능하다 https://ex...

유용정보 text-overflow: ellipsis; 르 width % 에 적용시키기 위해

출처 : elky 

2022.08.24 2022.08.24 조회 311

글자가 영역보다 길때 끝에 ... 로 처리하는 text-overflow: ellipsis; 가 해당 영역이 px 로 지정되어있는 경우에만 작동한다. 반응형 사이트라든지, 해상도가 다 다른 모바일들에서 사용하기 위해 % 로 되어있는 곳에서는 작동 안 하는 한계가 있다 퍼센트로...

유용정보 카카오링크 (kakao) 공유 썸네일 이미지 크기 안내

출처 : devtalk.kakao 

2022.05.10 2022.05.10 조회 993

유용정보 특정 위치까지 스크롤 자동 이동

출처 : dlevelb 

2022.03.15 2022.03.15 조회 152

function scrollLink(obj){ var position = $("#"+obj).offset(); $('html, body').animate({scrollTop : position.top}, 2000); // 스크롤 속도 변경은 2000 을 수정 }

유용정보 아이폰 기반에서 (큰/작은) 따옴표가 특수문자형태로 입력되는 경우

출처 : 노가다의 꽃 

2022.02.16 2022.02.16 조회 787

유용정보 앵컨 (anchor) 값을 script 에서 구하는 방법

출처 : sejin7940 

2022.02.04 2022.02.04 조회 181

<script> var hash = location.hash; if(hash) { hash = hash.substr(1); } </script>

유용정보 현재 날짜 정보 14자리 숫자로 script 에서 구하는 방법

출처 : sejin7940 

2021.12.03 2021.12.03 조회 190

현재 날짜 정보 script 에서 구하는 방법 XE 에서 대부분의 날짜시간정보는 YYYYMMDDHHIISS 14 자리 숫자로 이뤄진다 script 사용시 이 regdate 값 추출하는 별도의 함수나 명령어가 없다보니 간단히 함수로 만들어서 사용하곤 한다 function getTodayDate() {...

유용정보 HTML/CSS 스크롤바 숨기기 없애기 (스크롤 동작)

출처 : EasyEasy 

2021.12.03 2021.12.03 조회 356

.scoll_box { overflow-y: scroll !important; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .scoll_box ::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } <div class="scoll_box " style="width:...

유용정보 페이징 부분이 작동 안 할때 또는 스킨에서 $page_navigation 변수 부분 때문에 화면이 깨질때면

출처 : sejin7940 

2021.12.02 2021.12.02 조회 169

XE 자료가, 페이징 부분이 작동 안 할때 또는 스킨에서 $page_navigation 변수 부분 때문에 화면이 깨질때면 해당 $output 을 생성하는 query 문에 <list_count var="list_count" default="20" /> <page_count var="page_count" default="10" /> <page var="pa...

유용정보 script 로 난수 생성 함수 만들기 (범위 지정)

출처 : 어제 오늘 내일 

2021.11.23 2021.11.23 조회 146

script 로 난수 생성 함수 만들기 (범위 지정) 출처: https://hianna.tistory.com/454 min <= number <= max ( max 값 포함) function rand(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } document.writeln(rand(1, 3)); document...

유용정보 css 로 ul li 중앙정렬

출처 : 오이 팩토리 :) 

2021.10.13 2021.10.13 조회 499

css 로 ul li 중앙정렬 li 에 display:inline-block 상위 ul 에 text-align:center 적용 단, li 에 float:left 를 쓰면 안 됨 ( 그리고 기본이 하단에 맞춰지는데, 상단선에 li 를 맞추고프면 vertical-align:top 으로 해주면 됨 )

유용정보 한글 (hwp) => 워드 ( doc) 로 변환해야할때

출처 :  

2021.10.01 2021.10.01 조회 307

한글 ( hwp ) => 워드 ( doc ) 으로 바로 변환하는 프로그램도 있다고는 하는데 그냥 한글 프로그램에서 자체적으로 pdf 로 저장이 되니, pdf 로 저장한 후 https://allinpdf.com/pdf-converter-complete 사이트를 통해 pdf 를 doc 로 변환처리하면 별도의 프...