jquery 일정시간 후에 한 번 실행하기/ 일회성 타이머 setTimeout(); 페이지가 실행되고 조그 특정 함수가 한 번만 실행되게 하고 싶었다. setInterval은 일정 시간을 간격으로 반복되는 함수이기에 적절하지 않은 것 같았다. 찾아보니 setTimeout이란게 있었다. 일정 시간 후에 함수를 한 번만 실행시켜주는 메소드다. setTimeout(실행함수, 밀리초); 실행함수 부분에는 익명함수를 입력하거나, 반복 사용될 수 있는 명령일 떈 함수로 지정하여 넣어 코드를 줄일 수 있다. JS(JQuery) 2023.11.27
javascript 특정 문자 사이의 문자열 추출하기(유튜브 영상 id 가져오기) 문자열 자르기 (indexOf, substr, substring, slice) iframe으로 유튜브 영상을 가져올 때, 영상의 아이디 부분만 추출하고 싶었다. var video_attr = $('iframe').attr('src'); var id_start = video_attr.indexOf('embed/') +6; var id_end = video_attr.indexOf('?'); var id = video_attr.substring(id_start, id_end); ➜ 문자열에 특정 문자열 찾기 (indexOf) indexOf(시작점, 위치) var str = '자바스크립트'; //결과:'0' var indexOf1 = str.indexOf('자'); //결과:'1' var indexOf1 = str.indexOf('바'); //결과:'2' var indexOf1 = st.. JS(JQuery) 2023.11.24
css 형제 선택자 (~부터 ~까지, 뒤에서 몇번째) n+가 부터, -n+가 까지 /*배수 선택 */ div:nth-child(2n){} /* 3번째부터 선택 */ div:nth-child(n+3) {} /* 5번째 까지 선택 */ div:nth-child(-n+5) {} /* 3번째부터 5번째 까지 선택 */ div:nth-child(n+3):nth-child(-n+5) {} /* 마지막에서부터 3번째 선택 */ div:nth-last-child(3) {} CSS 2023.11.24
favicon.ico 404 (not found) 에러 없애기 크롬에서 개발자 도구를 열면 파비콘을 발견할 수 없다는 에러가 나타나는 경우가 있다. 개발에 영향을 미치지는 않는다고는 한다. 그러나 눈에 거슬리므로 파비콘 링크에 임시경로를 넣어 경고가 안보이게 할 수 있다. or HTML 2023.11.24
jquery 팝업창을 화면 가운데 띄우기(윈도우의 중앙에 배치하기) 윈도우 스크롤이 어느 위치에 있든, 팝업창을 윈도우의 중간에 띄우는 방법 css에서 자식요소를 부모요소의 가운데에 정렬할 때, left: calc(50% - '정렬하고자 하는 요소 너비의 절반') 이런 식으로 쓰는걸 응용한 방식이다. var ww = $(window).width(); var wh = $(window).height(); var pw = $('#popup').width(); var ph = $('#popup').height(); $('#popup').css({'top': (wh/2) - (ph/2) + ($(window).scrollTop()), 'left':(ww/2) - (pw/2) + ($(window).scrollLeft())}); }); 윈도우에서 스크롤이 발생하지 않았다면, '윈도.. JS(JQuery) 2023.11.02
jquery 엘리먼트를 역순, 최신순 정렬하기. 선택자 preAll() var reverse = $('정렬대상').prevAll(); $('정렬대상의 컨테이너').append(reverse); preAll()은 대상 요소를 기준으로 이전 형제들을 모두 선택하는 선택자이다. -------------------------------------------------- 1 2 3 -------------------------------------------------- 그래서 만약 위와같은 엘리먼트들이 있을 때, $('.on').prevAll(); 라고 하면, 1 2 를 불러온다. -------------------------------------------------- 그런데 이때 특정 엘리먼트를 선택하지 않고 $('li').prevAll(); 라고 하면, 가장 마지막 순서로 발.. JS(JQuery) 2023.11.02