이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다
이름, 이메일, 웹사이트 주소를 저장
Hello. And Bye.
$(".lst .text").each(function(){ var $this = $(this); var that = $(this).text().trim(); if(that.indexOf("youtu") > -1) { $this.parent().find('.text').addClass("youtubes"); } });
라는 each문에 setinterval로 덮어서 반복시키려 하면 작동 자체를 안하더라구요. 이 each문을 반복시키려면 어떻게 해야할까요?
에구... 삽질하다 보니까 됐네요... 괜히 each 쓴다고 복잡하게 난리쳤다가 다 집어치우고 스크립트 내부에 있는 부모에게 클래스명 추가하는 부분 뜯어서 setinterval로 했는데 너무 잘 되서... 댓글은 스루해주세요 으악
const $linkPost = $(".link_post"); setInterval(function() { $linkPost.each(function() { $(this).toggleClass("hi") }) }, 1000)
일단 위 코드로 테스트해보니 문제없이 작동했습니다. 혹 중간에 실수하신 건 없었나요?
여담으로, 굳이 setInterval로 스크립트 계속 실행하시는 것보다는, document에 "DOMNodeInserted", "DOMNodeRemoved" 이 이벤트 리스너 두 개 추가하시면 DOM에 요소가 추가되거나 삭제되면 스크립트가 실행됩니다.
콜 스택이 너무 많이 쌓이는 것에 대비해 let modifying = 0 처럼 글로벌 변수를 하나 추가하시고
modifying || ( modyfing = 1, doSomething(), modyfing = 0 ) 이렇게 modyfing이 0일 때만 실행되도록 하시면 콜 스택이 터져나가는 것도 방지하실 수 있습니다.
헉, 시간을 내주셔서 답변을 달아주시다니... 정말 감사드려요. 어차피 저만 보는 블로그기도 하고, setinterval 쓴다고 속도가 저하된다는 느낌은 없어서 그대로 쓰려합니다. 좋은 하루 되세요!
스킨들이 너무 좋아보입니다! 혹시 주문 제작 스킨은 어느정도 가격이 드는지,이미 주문 제작된 스킨들은 구매할 수 없는 것인지 여쭙고싶습니다
먼저 감사합니다. 주문 제작은 규모에 따라 많이 다릅니다만, 티스토리 스킨은 보통 5만 원쯤 합니다. 주문 제작한 스킨은 재판매하지 않는 게 도의적으로 맞는 것 같으나, 요청하시면 원 주문자분께 질문은 해드릴 수는 있습니다.
자세한 사항은 페이지 우측 상단을 클릭하시면 메일, 카카오톡 등이 나오니 연락해주시면 답변드리겠습니다.
안녕하세요 마샬님!! 1주 전 시간 관련으로 댓글달았던 익명입니다! 무사히 시간 스크립트 적용했는데, 뭔가 더 추가하고 싶은 마음에 스스로 불러온 재앙에 빠져버렸습니다.
방명록을 기준으로 하고 있는데, 방명록의 날짜를 표시해주는 클래스 .date에 title=""을 넣고 [##_guest_rep_date_##]를 구해서 Attr로 안에 집어넣어보는 형식을 해봤는데 시간에 커서를 대면 모두 똑같은 시간이 나타나더라구요.
각각의 Date 클래스에서 그 클래스에서 [##_guest_rep_date_##] 값을 구해 title="" 부분에 넣고자 하면 어떻게 해야할까요? each function을 이용하면 될지도 모르겠다고 생각하지만... 잘 모르겠어서 마샬님의 지혜를 구해봅니다...
jQuery로 소스를 짜셨나 보네요. 소스가 없어 제대로 확인은 어렵지만, each 없이 어떻게 각각 날짜를 구하신 건지 모르겠네요...jQuery를 마지막으로 건드린 것도 좀 오래돼서 가물가물하고요...ㅠㅠ
$(".date").each로 작업하시고 $(this)를 호출하시면 .date가 호출됩니다. 변수에 $(this)를 담아두고 작업하시는 걸 추천합니다. 시간 차이를 계산하시고 그걸 .date의 텍스트에 적용하시기 전에 title을 설정해주시면 별문제 없이 적용될 겁니다.
참고로 댓글 작성자가 아니라면 rep_date 치환자에 신고 버튼도 포함되니 신고 버튼은 밖으로 빼내시고 작업하시는 것도 잊으시면 안 됩니다!
기회가 되면 제가 다음에 한 번 관련 내용을 다뤄보겠습니다.
안녕하세요 마샬님~ 자바 스크립트로 날짜를 구한 걸 현재 시간에 맞춰 오늘, 어제, 몇 일 전으로 바꾸는 방법이 존재할까요??
new Date()로 현재 시각을 구하시고, new Date() 안에 날짜를 넣어서 두 값의 차이를 구하시면 됩니다.
ms 단위로 결과가 나오니 60000 곱하시면 분 단위로 바뀝니다. 몇 분 이상이면 다시 60 곱해서 시간 단위로 바꾸고, 다시 몇 시간 이상이면 24 곱해서 일 단위로 바꾸고...
뭐 이런 식으로 진행해나가시면 됩니다.
감사합니다!
안녕하세요 마샬님~~ lazyload 적용 후 신세계를 경험하고 있습니다. 그런데 스킨 특성 상 퍼머링크로 안 묶어둬서 이미지들이 몇 개씩 로딩되는데요. 이게 gif 파일이면 되게 로딩이 오래 걸리게 되더라구요. 그래서 찾아보니 jqGifPreview라는 게 있어서 적용해보려 하는데 lazyload랑 겹쳐서 과도한 트래픽이 떠서… 어떻게 해야할까요?
너무 성급하게 댓글 달아버린 느낌이 들어 삭제하려 했는데 삭제가 안되네요... 어차피 개인만족용 블로그고 데이터로 들어갈 일도 없으니 그냥 쓰려구요, 죄송합니다~
그럴 땐 로딩 중이라는 걸 표시할 수 있는 간단한 이미지를 추가하시는 것도 한 방법이지 싶습니다.
https://marshall-storage.tistory.com/attachment/cfile25.uf@99D044385DAE6A4914A133.svg
전 텅 빈 이미지 대신 위 svg를 넣어두고 이미지가 로딩 중임을 표시합니다.
댓글은 30분 안에만 수정 / 삭제가 가능하도록 해둬서, 그 이상 시간이 지나면 저만 수정 / 삭제가 가능합니다 ㅠㅠ 댓글이야 그냥 마음대로 다시라고 열어두는 건데 굳이 죄송해하지 않으셔도 됩니다.
안녕하세요 마샬님 ~ 티스토리 초보자가 이것저것 스킨을 찾느라 마샬님 홈까지 오게 되었는데요! 주옥같은 강좌글이 있길래 혹시나... 요청드려도 될까해서 방명록에 남겨봅니다 *ㅁ* 제가 구현하고 싶은게 무한 스크롤을 티스토리에 적용하는 것인데요 ㅜㅜ 자바나 제이쿼리에 지식이 없다보니 아무래도 어렵더라구요... 완전 지식없는 초보도 도전 해보고 싶은데 ㅠㅁㅠ 마샬님께 부탁드려도 되련지... 넘 부담스럽구 막 어이없는 질문이라면 고냥 넘어가주세요! 홈페이지가 너무 멋있네요!! ㅠㅠㅠ 코딩 이런거 모르는 저에겐 진짜 ... 놀이동산 같아 보여용~!!👍🏼👍🏼
자바스크립트에 대한 지식이 아예 없으신 거라면 아무래도 힘들지 않을까...싶네요 ㅠㅠ
https://infinite-scroll.com/ 제가 자바스크립트 잘 모르던 시절에 쓰던 플러그인입니다. 아마 설명만 읽으시면 큰 무리 없이 적용은 가능할 거에요.
자바스크립트에 대한 이해 없이 Infinite scroll 적용하는 건 이 방법밖에 없지 싶습니다. 😥
질문 드릴께요 아래 그림처럼 이전 댓글 더보기를 클릭하면 DOM 때문에 새로고침이 되며 이전 댓글이 나왔다 사라지는데, 이전 댓글 더보기를 클릭할 경우, 새로고침이 안되도록 하는 방법이 뭐가 있을까요?
https://i.imgur.com/ktN1rgJ.png
bind해두신 이벤트를 unbind하시면 됩니다.
안녕하세요. ! 지금도 티스토리 스킨 주문제작을 혹시 받으시는지 궁금하여 방명록에 살짝 여쭈어 보아요..!
넵 받고 있습니다. https://open.kakao.com/o/sBfhWJeb 로 연락해주시면 자세하게 말씀드리도록 하겠습니다.
혹 카카오톡을 사용하지 않으시면 marshall9ku@gmail.com 로 연락해주세요.
안녕하세요 마샬님!! 혹시나 여쭤보는 건데, 마샬님이 티스토리에 업로드 하셨던 글 중에, 유튜브 썸네일을 추출하는데 성공했다는 글을 봤습니다!! 혹시 유튜브 썸네일 추출하는 강좌글이라던가, 올리실 생각은 없으신가요...??
만약 없으시다면 그것만 따로 돈 주고 구입한다고 한다면, 파실 의향 있으신가욥...??
+ 마샬님의 Youtube-Thumbnail-Saver 글도 봤지만, 그냥 자동으로 썸네일이 불러와졌으면 한달까... 여러가지로 삽질해보고 그러는데도 잘 안되서 방명록 남겨보는 거예요~~
만들고 성능이나 검색엔진 최적화 문제로 사용 자체를 하지 않던 스크립트라, 저도 잊고 살았네요...;;
좀 뻔한 말이지만, 어지간하면 이미지는 직접 등록하시는 게 여러모로 블로그에 이롭습니다.
강좌글은 나중에 한 번 고려해보겠습니다. 감사합니다.
블로그를 옮기셨군요~ 더이상 티스토리 스킨은 안나오겠군요 ~ 아쉽지만~ 이사 추카드립니다~
틈나면 티스토리 스킨도 계속 제작해볼 생각입니다. 감사합니다 ㅎㅎ
제작일지 글에 방명록 페이지를 추가했다는 내용을 읽고 방명록 작성하고갑니다 🙂 https://imgur.com/zSmJjAZ.mp4
1등 축하합니다!! 감사해요 ㅎㅎㅎ
https://i.imgur.com/gBxkvLb.mp4
블로그홈에서 예전에 유튜브 영상도 자동으로 뜨게 하시던데 어떻게 하는 건가요? 저도 제 블로그에 적용시키고 싶어요!
https://marshall-ku.tistory.com/151 참고해주세요.
Hello. And Bye.
$(".lst .text").each(function(){
var $this = $(this);
var that = $(this).text().trim();
if(that.indexOf("youtu") > -1) {
$this.parent().find('.text').addClass("youtubes");
}
});
라는 each문에 setinterval로 덮어서 반복시키려 하면 작동 자체를 안하더라구요. 이 each문을 반복시키려면 어떻게 해야할까요?
에구... 삽질하다 보니까 됐네요... 괜히 each 쓴다고 복잡하게 난리쳤다가 다 집어치우고 스크립트 내부에 있는 부모에게 클래스명 추가하는 부분 뜯어서 setinterval로 했는데 너무 잘 되서... 댓글은 스루해주세요 으악
const $linkPost = $(".link_post");
setInterval(function() {
$linkPost.each(function() {
$(this).toggleClass("hi")
})
}, 1000)
일단 위 코드로 테스트해보니 문제없이 작동했습니다. 혹 중간에 실수하신 건 없었나요?
여담으로, 굳이 setInterval로 스크립트 계속 실행하시는 것보다는,
document에 "DOMNodeInserted", "DOMNodeRemoved" 이 이벤트 리스너 두 개 추가하시면 DOM에 요소가 추가되거나 삭제되면 스크립트가 실행됩니다.
콜 스택이 너무 많이 쌓이는 것에 대비해
let modifying = 0
처럼 글로벌 변수를 하나 추가하시고
modifying || (
modyfing = 1,
doSomething(),
modyfing = 0
)
이렇게 modyfing이 0일 때만 실행되도록 하시면 콜 스택이 터져나가는 것도 방지하실 수 있습니다.
헉, 시간을 내주셔서 답변을 달아주시다니... 정말 감사드려요. 어차피 저만 보는 블로그기도 하고, setinterval 쓴다고 속도가 저하된다는 느낌은 없어서 그대로 쓰려합니다. 좋은 하루 되세요!
스킨들이 너무 좋아보입니다! 혹시 주문 제작 스킨은 어느정도 가격이 드는지,이미 주문 제작된 스킨들은 구매할 수 없는 것인지 여쭙고싶습니다
먼저 감사합니다.
주문 제작은 규모에 따라 많이 다릅니다만, 티스토리 스킨은 보통 5만 원쯤 합니다.
주문 제작한 스킨은 재판매하지 않는 게 도의적으로 맞는 것 같으나, 요청하시면 원 주문자분께 질문은 해드릴 수는 있습니다.
자세한 사항은 페이지 우측 상단을 클릭하시면 메일, 카카오톡 등이 나오니 연락해주시면 답변드리겠습니다.
안녕하세요 마샬님!! 1주 전 시간 관련으로 댓글달았던 익명입니다! 무사히 시간 스크립트 적용했는데, 뭔가 더 추가하고 싶은 마음에 스스로 불러온 재앙에 빠져버렸습니다.
방명록을 기준으로 하고 있는데, 방명록의 날짜를 표시해주는 클래스 .date에 title=""을 넣고 [##_guest_rep_date_##]를 구해서 Attr로 안에 집어넣어보는 형식을 해봤는데 시간에 커서를 대면 모두 똑같은 시간이 나타나더라구요.
각각의 Date 클래스에서 그 클래스에서 [##_guest_rep_date_##] 값을 구해 title="" 부분에 넣고자 하면 어떻게 해야할까요? each function을 이용하면 될지도 모르겠다고 생각하지만... 잘 모르겠어서 마샬님의 지혜를 구해봅니다...
jQuery로 소스를 짜셨나 보네요.
소스가 없어 제대로 확인은 어렵지만, each 없이 어떻게 각각 날짜를 구하신 건지 모르겠네요...jQuery를 마지막으로 건드린 것도 좀 오래돼서 가물가물하고요...ㅠㅠ
$(".date").each로 작업하시고 $(this)를 호출하시면 .date가 호출됩니다. 변수에 $(this)를 담아두고 작업하시는 걸 추천합니다.
시간 차이를 계산하시고 그걸 .date의 텍스트에 적용하시기 전에 title을 설정해주시면 별문제 없이 적용될 겁니다.
참고로 댓글 작성자가 아니라면 rep_date 치환자에 신고 버튼도 포함되니 신고 버튼은 밖으로 빼내시고 작업하시는 것도 잊으시면 안 됩니다!
기회가 되면 제가 다음에 한 번 관련 내용을 다뤄보겠습니다.
안녕하세요 마샬님~ 자바 스크립트로 날짜를 구한 걸 현재 시간에 맞춰 오늘, 어제, 몇 일 전으로 바꾸는 방법이 존재할까요??
new Date()로 현재 시각을 구하시고, new Date() 안에 날짜를 넣어서 두 값의 차이를 구하시면 됩니다.
ms 단위로 결과가 나오니 60000 곱하시면 분 단위로 바뀝니다.
몇 분 이상이면 다시 60 곱해서 시간 단위로 바꾸고, 다시 몇 시간 이상이면 24 곱해서 일 단위로 바꾸고...
뭐 이런 식으로 진행해나가시면 됩니다.
감사합니다!
안녕하세요 마샬님~~ lazyload 적용 후 신세계를 경험하고 있습니다. 그런데 스킨 특성 상 퍼머링크로 안 묶어둬서 이미지들이 몇 개씩 로딩되는데요. 이게 gif 파일이면 되게 로딩이 오래 걸리게 되더라구요. 그래서 찾아보니 jqGifPreview라는 게 있어서 적용해보려 하는데 lazyload랑 겹쳐서 과도한 트래픽이 떠서… 어떻게 해야할까요?
너무 성급하게 댓글 달아버린 느낌이 들어 삭제하려 했는데 삭제가 안되네요... 어차피 개인만족용 블로그고 데이터로 들어갈 일도 없으니 그냥 쓰려구요, 죄송합니다~
그럴 땐 로딩 중이라는 걸 표시할 수 있는 간단한 이미지를 추가하시는 것도 한 방법이지 싶습니다.
https://marshall-storage.tistory.com/attachment/cfile25.uf@99D044385DAE6A4914A133.svg
전 텅 빈 이미지 대신 위 svg를 넣어두고 이미지가 로딩 중임을 표시합니다.
댓글은 30분 안에만 수정 / 삭제가 가능하도록 해둬서, 그 이상 시간이 지나면 저만 수정 / 삭제가 가능합니다 ㅠㅠ
댓글이야 그냥 마음대로 다시라고 열어두는 건데 굳이 죄송해하지 않으셔도 됩니다.
안녕하세요 마샬님 ~ 티스토리 초보자가 이것저것 스킨을 찾느라 마샬님 홈까지 오게 되었는데요!
주옥같은 강좌글이 있길래 혹시나... 요청드려도 될까해서 방명록에 남겨봅니다 *ㅁ*
제가 구현하고 싶은게 무한 스크롤을 티스토리에 적용하는 것인데요 ㅜㅜ 자바나 제이쿼리에 지식이 없다보니 아무래도 어렵더라구요... 완전 지식없는 초보도 도전 해보고 싶은데 ㅠㅁㅠ 마샬님께 부탁드려도 되련지... 넘 부담스럽구 막 어이없는 질문이라면 고냥 넘어가주세요!
홈페이지가 너무 멋있네요!! ㅠㅠㅠ 코딩 이런거 모르는 저에겐 진짜 ... 놀이동산 같아 보여용~!!👍🏼👍🏼
자바스크립트에 대한 지식이 아예 없으신 거라면 아무래도 힘들지 않을까...싶네요 ㅠㅠ
https://infinite-scroll.com/
제가 자바스크립트 잘 모르던 시절에 쓰던 플러그인입니다.
아마 설명만 읽으시면 큰 무리 없이 적용은 가능할 거에요.
자바스크립트에 대한 이해 없이 Infinite scroll 적용하는 건 이 방법밖에 없지 싶습니다. 😥
질문 드릴께요
아래 그림처럼 이전 댓글 더보기를 클릭하면 DOM 때문에 새로고침이 되며 이전 댓글이 나왔다 사라지는데,
이전 댓글 더보기를 클릭할 경우, 새로고침이 안되도록 하는 방법이 뭐가 있을까요?
https://i.imgur.com/ktN1rgJ.png
bind해두신 이벤트를 unbind하시면 됩니다.
안녕하세요. ! 지금도 티스토리 스킨 주문제작을 혹시 받으시는지 궁금하여 방명록에 살짝 여쭈어 보아요..!
넵 받고 있습니다.
https://open.kakao.com/o/sBfhWJeb 로 연락해주시면 자세하게 말씀드리도록 하겠습니다.
혹 카카오톡을 사용하지 않으시면 marshall9ku@gmail.com 로 연락해주세요.
안녕하세요 마샬님!! 혹시나 여쭤보는 건데, 마샬님이 티스토리에 업로드 하셨던 글 중에, 유튜브 썸네일을 추출하는데 성공했다는 글을 봤습니다!! 혹시 유튜브 썸네일 추출하는 강좌글이라던가, 올리실 생각은 없으신가요...??
만약 없으시다면 그것만 따로 돈 주고 구입한다고 한다면, 파실 의향 있으신가욥...??
+ 마샬님의 Youtube-Thumbnail-Saver 글도 봤지만, 그냥 자동으로 썸네일이 불러와졌으면 한달까... 여러가지로 삽질해보고 그러는데도 잘 안되서 방명록 남겨보는 거예요~~
만들고 성능이나 검색엔진 최적화 문제로 사용 자체를 하지 않던 스크립트라, 저도 잊고 살았네요...;;
좀 뻔한 말이지만, 어지간하면 이미지는 직접 등록하시는 게 여러모로 블로그에 이롭습니다.
강좌글은 나중에 한 번 고려해보겠습니다. 감사합니다.
블로그를 옮기셨군요~
더이상 티스토리 스킨은 안나오겠군요 ~ 아쉽지만~
이사 추카드립니다~
틈나면 티스토리 스킨도 계속 제작해볼 생각입니다.
감사합니다 ㅎㅎ
제작일지 글에 방명록 페이지를 추가했다는 내용을 읽고 방명록 작성하고갑니다 🙂
https://imgur.com/zSmJjAZ.mp4
1등 축하합니다!!
감사해요 ㅎㅎㅎ
https://i.imgur.com/gBxkvLb.mp4
블로그홈에서 예전에 유튜브 영상도 자동으로 뜨게 하시던데 어떻게 하는 건가요? 저도 제 블로그에 적용시키고 싶어요!
https://marshall-ku.tistory.com/151
참고해주세요.