분류 전체보기

[php 에러] Call to undefined function create_function() 해결 방법

Uncaught Error: Call to undefined function create_function() 에러는 create_function() 가 php8.x부터는 지원하지 않아 발생하는 오류이다.  create_function 부분을 function을 다르게 정의해서 수정하면 된다. 수정전add_action( 'plugins_loaded', create_function( '', 'global $BBCode; $BBCode = new BBCode();' ) ) 수정 후function my_hacked_function(){ global $BBCode; $BBCode = new BBCode();}add_action( 'plugins_loaded', 'my_hacked_function'); ..

스크롤 애니메이션 효과 wow.js

wow.js는 스크롤 시 페이지들의 요소들이 하나씩 애니메이션 효과로 나타날 수 있도록 해주는 라이브러리로 각 요소들마다 옵션값을 넣어 개별적으로 애니메이션 설정할 수 있어서 사용하기 편하다. 설치방법1. 공식 사이트 Github에서 파일 다운로드https://wowjs.uk/ wow.js — Reveal Animations When Scrolling wowjs.uk  2. WOW-master/css/libs/animate.css 파일을 css폴더나 적당한 폴더에 업로드 원하는 페이지에 로드   3. WOW-master/dist/wow.min.js 파일을 js폴더나 적당한 폴더에 업로드 후 원하는 페이지에 로드, 스크립트 추가  스크립트는 아래처럼 설정도 가능하다.var wow = new WOW( { ..

[에러] Uncaught TypeError: Cannot read properties of undefined (reading 'split')

Uncaught TypeError: Cannot read properties of undefined (reading 'split') 오류가 뜨는경우데이터 값이 정의된게 없는데(undefined) split을 실행시켜서 생기는 오류이다.  해결방법이 경우 (sUrl || "")  처럼 변수값이 없는 경우도 포함시켜주면 오류가 나지 않는다. 수정전var aUrl = sUrl.split('?');  수정 후var aUrl = (sUrl || "").split('?');

[CSS] grid item 크기 넘칠 때

Grid 아이템을 한줄에 두개씩 나오게하기 위해 아래와 같이 CSS 코드를 넣었는데, 어떠한 경우에는 아이템 크기가 넘쳐서 화면을 벗어나는 경우가 생겼다..ec-base-product ul.grid2 {grid-template-columns: repeat(2, 1fr);}  무슨 이유인지는 잘 모르겠으나, 구글링한 결과 아래처럼 바꿔줬더니 해결 가능했다..ec-base-product ul.grid2 {grid-template-columns: repeat(2, minmax(0, 1fr));}     참고 : https://stackoverflow.com/questions/43311943/prevent-content-from-expanding-grid-items

[CSS/jQuery] 크기가 다른 Grid item 자동 정렬 하기

Grid 기본코드 Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7   특정 칸만 크기 조절특정 박스만 크기를 다르게 하고 싶다면  grid-column-end (행 크기 조절),  grid-row-end (열 크기 조절) 를 이용해 조절하면 된다. 아래의 경우에는 big class를 가진 박스는 가로 3칸중 2칸, 세로로도 2칸씩 차지하도록 하였다. Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7      그런데 특정 박스만 크게 하는 경우에, 상황에 따라 여백이 생기는 경우가 있다.아래 경우에는 Grid를 3칸으로 하였는데, 3n번째 크기를 다르게 하..

[php] explode 배열 최소값, 최대값 구하기 min(), max()

explode 배열 최소값, 최대값 구하기 보통 데이터가 array 배열로 되어있으면 min(), max()함수를 써서 바로 최소값 최대값을 구할 수 있다.$arr = array(1,2,3,4,5,6,7); $price1 = min($arr);$price2 = max($arr);  하지만 데이터가 이미 구분자로 합쳐서 들어가져있다면 (예 : 100000|1500000|200000|130000)배열로 변경한 후에 최소값, 최대값을 구할 수 있다.$str = $view['sp_price'];$sub_str = explode("|", $str);$new_str = array();foreach ( $sub_str as $row ) { $arr = explode( ',', $row );}echo min($a..

tip
VS code / Visual Studio Code 불필요한 태그 삭제하기

워드나 한글 프로그램이나 일반페이지에 있는 것을 그대로 복사 붙여 사용하면 필요없는 태그들까지 복사하게 된다.이 경우 Visual Studio Code에서 정규표현식으로 쉽게 태그 제거가 가능하다.  정규 표현식 적용 전  태그 제거 방법 1) Ctrl + H를 누른 뒤, 세번째 아이콘(Use Regular Expression)을 클릭한다. 또는 Alt + R 을 누르면 선택이 된다.  2) 위칸에 아래처럼 정규식을 입력해준다. 이 정규식은 정규식에 작성한 태그 외의 태그를 모두 제거하는 정규식이다. |는 '또는'이라 지우면 안되는 태그들을 모두 |로 구분해서 넣어주면 된다. 아래의 경우에는 이미지태그(img), 링크태그(a href, /a), 테이블태그(tr, td, tbody, table, /tr, ..

[카페24] 상품 분류, 게시판 스킨별 스크립트, CSS 다르게 적용하기

상품 분류마다 다르게 보여주기상품 분류 스킨은 동일한데 특정 일부분만 다르게 보여지게 하고 싶은 경우아래 스크립트를 상품 목록파일(/product/list.html)에 로드되는 /js/module/product/menucategory.js 파일에 추가해주면 된다.var urll = window.location.href;var urlParams = new URL(urll).searchParams;var cate_no = urlParams.get('cate_no');if(cate_no =="54") { //54번 카테고리 분류에 보여질 스크립트}  [사용예시] 나의 경우에는 카테고리별 설명문구를 추가해주기 위해 아래와 같이 코드를 넣었다.상품분류페이지에서 간단한 분류 설명은 넣을 수는 있지만 3~4줄 ..

[php] DB 텍스트 특수문자 (<, >, &, ", ' 등) 인식 / html 변환

DB 데이터 자체에는 특수문자를 포함한 데이터가 잘 들어가지는데, 불러올 때 꺽쇠나 특수문자가 들어간 부분은 삭제되고 보여지는 오류가 있어 해결할 수 있는 방법을 알아보았다.를 태그로 인식하지 않게 하기 위해서는 htmlspecialchars() 함수를 써주면 된다. htmlspecialchar()PHP 4, PHP 5, PHP 7, PHP 8 사용가능 어떤 문자들은 HTML에서 특별한 정의를 지니는데 그 의미를 보존하려면 HTML엔티티로 표현해야한다. 이 함수는 이러한 변환을 거친 문자열을 반환해준다. CharacterReplacement& (앰퍼샌드)&amp;" (쌍따옴표)&quot;' (따옴표)&#039 (부등호)&it;> (부등호)&gt;  사용예시[예시코드1]$entity= "내용내용";echo..

유튜브 영상, 쇼츠 화면 반응형 코드 iframe embed

유튜브 영상이나 쇼츠를 유튜브에서 복사한 코드 그대로 가져오는 경우, 반응형이 아니라서 기기에 따라 양옆에 여백이 생기게 된다.  적용전   반영형 영상 1) 먼저 영상 아이프레임 코드를   로 감싸준다.   2) CSS로 iframe이 영상 비율에 맞게 나올 수 있도록 한다..video-container { position:relative; height:0; padding-bottom:56.25%;}.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%;}     반응형 쇼츠여백없이 꽉차게 보일 수 있도록 하기 위해서는 아래처럼 CSS를 조정하면 된다. 1) 먼저 쇼츠 아이프레임 코드를 로 감..

카페24 게시판 스킨 변경 시 링크 변수 변경

카페24 게시판 스킨을 새로 만드는 경우,게시판 각 항목 링크 클릭 시 기본으로 설정 되어있는 스킨(free, prouduct 등)으로 적용되어새로 만든 스킨으로 적용이 되지 않는다. 이 경우 아래와 같이 링크 부분을 변경해 주어야한다. [예시] 게시판 목록 (list.html파일)게시판 상세 페이지로 넘어가는 링크 경로를 변경해주어야한다. {$checkbox}{$no} {$icon_re}{$icon_lock}{$subject}{$icon_file}{$comment_count}{$icon_mobile}{$icon_new}{$icon_hit} {$category_name} ..

tip
[그누보드/영카트] 글쓰기시 이모지 사용하기

그누보드 영카트 게시판에서 이모지를 등록하면 물음표로 뜨게 된다. 이 경우 CHARSET을 변경해주어야한다. 1. DB 기본 셋팅 변경 ALTER TABLE `yourDBName`.`yourTableName` CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; 2. config.php 파일 변경 기존 define('G5_DB_CHARSET', 'utf8'); 변경 define('G5_DB_CHARSET', 'utf8mb4'); 3. /adm/sql_write.sql 기존 ENGINE=MyISAM DEFAULT CHARSET=utf8; 변경 ENGINE=MyISAM DEFAULT CHARSET=utf8mb4; utf8이라 되어있는 부분을 utf8mb..