// 유튜브 퍼가기 주소로 유튜브ID 추출function YoutubeImg($youtube_link){     $reg = preg_match_all('/https?:\/\/http://www.youtube.com\/watch\?v=([a-zA-Z0-9\-_]+)/i',$youtube_link,$matches);     $youtube_id = $matches[1][0];         if($youtube_id == ''){             $reg = preg_match_all('/https?:\/\/youtu.be\/([a-zA-Z0-9\-_]+)/i',$youtube_link,$matches);             $youtube_id = $matches[1][0];          }r..

쿠쿠 작업장(web program)/php 2024. 9. 27. 13:33

css3에서 애니메이션을 설정할 수 있다. 이 방법을 통한 스크롤 높이에 따른 애니메이션 시작과 되돌리기를 하기위한 JS 방법 CSS .test {position:relative; widht:50px; height:50px} @keyframes test_ani{ from{left:0} to{left:100px} } @keyframes test_ani2{ from{left:100px} to{left:0} } 위와 같이 @keyframes 를 두가지 형태로 만들어 준다 하나는 실행이고 하나는 원위치를 하기위한 @keyframes 이다. JS window.addEventListener("scroll", function() { let test_h = window.scrollY; if(test_h > [스크롤위치..

쿠쿠 작업장(web program)/javascript 2022. 1. 20. 15:49

탭을 만드는 방식은 여러가지가 있다. CSS만으로 구성할수도 있고 jquery.ui 를 가져다 쓸 수도 있다. 이 방식은 javascript의 onClick를 이용한 방법이다. 기본 Html 구성 탭이름01 탭이름02 . . . 탭이름01 에 따른 내용들 탭이름02 에 따른 내용들 . . . CSS 구성 (css의 디자인은 개인 취향 이므로 내용은 생략 필요한 부분만 색깔 표시) .tab_box {} .tabs {} .tabs:hover {} 이부분은 탭부분 롤오버시 디자인 필요없을때에는 안해도 됨 .tab_box .active {} 이부분은 탭이 활성화 되어 있을때의 디자인 .content {display:none} 기본 내용은 안보이게 설정 JAVASCRIPT 구성 function tabopen(ev..

쿠쿠 작업장(web program)/javascript 2021. 2. 17. 15:46

검색 기능을 만들다 막혀서..... 어찌 해야 하나해서 무식한 방법을 선택한게 아래 방식인데 select * from table_name where column1 like '%keyword%' or column2 like '%keyword%' ...... 이런식으로하다 좀더 간편한 방법이 없을까 하다보니 concat() 함수 를 이용한 방법이 더 빠르다는것을 알게됨 ㅡㅡ select * from table_name where concat(column1, column2.....) like '%keyword%' 위와 같이 했을때가 속도가 더 빠르다는 것을 알게 되었다. concat()함수가 쓰일 방법이 많겠지만 서도 내가 필요한 부분이라 여기까지만....

쿠쿠 작업장(web program)/mysql 2019. 6. 25. 16:45

mysql 일간 SELECT AVG('평균값을 구할 컬럼명') FROM '테이블명' WHERE '날자 컬럼명' BETWEEN DATE_SUB(CURDATE(), INTERVAL 30 DAY) AND CURDATE() GROUP BY DAY('날자 컬럼명') ORDER BY '날자 컬럼명' ASC 주간 SELECT AVG('평균값을 구할 컬럼명') FROM '테이블명' WHERE '날자 컬럼명' BETWEEN DATE_SUB(CURDATE(), INTERVAL 30 WEEK) AND CURDATE() GROUP BY WEEK('날자 컬럼명') ORDER BY '날자 컬럼명' ASC//시작일은 그 주의 일요일 날자로 되어짐. 월간 SELECT AVG('평균값을 구할 컬럼명') FROM '테이블명' WHERE..

쿠쿠 작업장(web program)/mysql 2019. 5. 21. 16:22

input, button, textarea 뒤에 추가만 하면 된다. onkeydown="javascript:if(event.keyCode===13) event.preventDefault();"

쿠쿠 작업장(web program)/javascript 2018. 12. 14. 18:56

substr 사용 예 $test="123456789";substr ($test, 0,3)."******"; 결과물 123******* 위와 같이 할 경우는 글자수가 동일 하게 나옴 substr 과 strlen 을 이용한 예 글자수에 맞춰서 잘라줄 경우 substr ($test, 0,3).str_repeat("*", strlen($test)-3); 결과물 123****** 위와 같이 할 경우 글자수에 맞게 나옴 하지만 한글일 경우 비트수가 다르기 때문에 *가 많이 나올 수 있음 한글 자르기인 경우 mb_substr 사용 예 $test="가나다라마바사";mb_substr ($test, 0,3)."****"; 결과물 가나다**** 위와 같은 경우에도 글자수가 일정 할때 쓰면 유용 하지만 mb_substr 과 ..

쿠쿠 작업장(web program)/php 2018. 8. 6. 16:08

파일을 하나로 해도 되긴 하지만.......나중에 카피해서 쓰기 편하게 두개로 ㅋㅋㅋㅋㅋ 우선은 간단하게 폼파일을.... 위에서 만든내용 처럼 form에서 전송할 upload.php 파일을 만든다.

쿠쿠 작업장(web program)/php 2015. 6. 15. 14:50