분류 전체보기
each 내 addClass 순차적으로 발생하기
$("#ctt_ul li").each(function (index) { if (!$("#ctt_ul li").eq(index).hasClass("load")) { var row = $(this); setTimeout(function () { row.addClass("load"); }, 100*index); //delay 시간 } }
스크롤하여 객체가 화면에서 보일때 addClass 하기
function addLoadClass() { var _windowW = $(window).outerWidth(); var _windowH = $(window).outerHeight(); var _getScrollObjY = function () { var scrollArray = []; var pHeight = 300; $("#ctt_ul img").each(function (index) { scrollArray.push(parseInt($("#ctt_ul img").eq(index).offset().top) + pHeight); }); return scrollArray; } // scrollMotion if ($("#ctt_ul li").length != 0) { $("#ctt_ul li").each..
[PHP] img태그를 li에 넣기 - preg_match_all
]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $str, $matches);for($i = 0; $i'.$matches[0][$i].'';}; ?>
[PHP] #{변수}값 DB값으로 치환하기 (부제: 알리고 알림톡 API 변수 치환)
//템플릿 데이터를 변수에 넣는다. $retArr = json_decode($ret); //템플릿 내용 $_templtContent = $retArr -> list[0] -> templtContent; //템플릿 내용에 있는 변수값을 배열에 담는다. $replace_search = array(); //정규식에 따라 #{변수}를 모아서 $replace_search배열에 담는다. preg_match_all("/\#{.*?\}/", $_templtContent, $replace_search); print_r($replace_search); //Array ( [0] => Array ( [0] => #{이벤트명} [1] => #{쿠폰명} [2] => #{쿠폰사용기한} [3] => #{수강기간} ) //변수와 치환..
[PHP] json_decode()값 선택, 출력하는 법, JSON 문자열 배열 변환
띄어쓰기 -> 띄어쓰기 로 데이터를 선택하여 출력한다. // JSON 문자열 배열 변환 $retArr = json_decode($ret); // JSON 문자열 배열 선택 $retArr -> list[0] -> templtName;
[jQuery] 비디오 객체에 꽉차게 하기
var $video = $('video'), $window = $('.video_box'); $(window).resize(function () { var height = $window.height(); $video.css('height', height); var videoWidth = $video.width(), windowWidth = $window.width(), marginLeftAdjust = (windowWidth - videoWidth) / 2; $video.css({ 'height': height, 'marginLeft': marginLeftAdjust }); }).resize(); stackoverflow.com/questions/20127763/video-100-width-and-hei..
react.js 공부 useState 데이터 정렬하기 #4-1
해당 내용은 유튜브 코딩애플님의 채널에서 공부하여 작성된 내용임을 밝힙니다. 자바스크립트 정렬에는 sort함수를 사용한다. function 정렬바꾸기(){ //useState는 직접 변경이 불가능하기 떄문에 특정 변수에 값을 복사한다음 진행한다. var newArray = [...글제목]; newArray = newArray.sort(); 글제목변경(newArray) } 여기서 sort함수에 대해서 더 공부하게되었는데, codingbroker.tistory.com/41 위 주소의 글을 읽고 공부한 내용을 적는다. const arr = [5, 100, 20]; console.log(arr); // [5, 100, 20] 이런 배열이 있을때, sort함수를 사용하게되면, 문자열로 변환되어 숫자의 크기와는 상..
react.js 공부 state 수정 #4
해당 내용은 유튜브 코딩애플님의 채널에서 공부하여 작성된 내용임을 밝힙니다. onClcik={ 제목바꾸기함수( ) } 이때 함수에 괄호를 붙히면 바로 실행되기 때문에, 바로 실행이 아닌경우 괄호는 제외해야 한다. 리액트에서 useState로 생성된 데이터를 수정하기 위해선 특정 함수에 데이터를 복사한 다음 수정 후 변경 함수를 사용하여 수정하는 식의 진행이 좋다. 이러한 방식을 '리액트 대 원칙 : immutable data'라고 부른다. let [글제목, 글제목변경] = useState(['남자 코드 추천','신제품 후기','음악 들어본 후기']); var newArray = 글제목; 위와 같이 작성하는건 값을 복사하는게 아니라 값 공유이다. 똑같은 값을 공유하는거다. (refernce data typ..
react.js 이벤트 리스너/state 변경 state #3
해당 내용은 유튜브 코딩애플님의 채널에서 공부하여 작성된 내용임을 밝힙니다. warning ...라고 뜨는건 잘못된 코딩 습관에 대해 안내해주는 것이다. 이를 안보이게 하고 싶을 경우 최상단에 /* eslint-disable */를 써주면 된다. 함수를 정의할때 function 어쩌구(){ } 형식으로 적었는데, 이 형식을 ()=>{} 로 줄여도 되도록 업데이트 되었다.(자바스크립트 해당) 이벤트 리스너 onClick={ ( )=>{ } } onClick={ 함수 } state값을 변경하는 방법 - useState로 생성한 [a,b] 중 b를 사용한다. 예를 들어 a에 데이터가 존재하는 경우 b(10)를 실행시키면 a의 데이터는 10이 된다.