블로그 공사중

2023. 10. 19. 23:25

728x90

최종갱신일 : 2023년 11월 30일

[안내] 티스토리 댓글과 방명록이 새로워졌습니다.

안녕하세요. 티스토리팀입니다. 지난 안내에서 말씀드린 바와 같이 티스토리 댓글에 새로운 기능이 추가됐습니다. 마음에 드는 댓글을 제일 먼저 보여줄 수 있는 댓글 고정, 특정 블로거를 멘션

notice.tistory.com

티스토리에서 Lazy Load 사용하기

Lazy Load(레이지 로드)란? 오프스크린 이미지(사용자가 보고 있는 화면에 보이지 않는 이미지)를 로딩하지 않고 있다가, 사용자가 스크롤을 움직여서 해당 이미지가 보여야 할 시점에 이미지를 로

marshallku.com

티스토리 북클럽 스킨 I 이미지 지연 로드 설정 방법

티스토리 북클럽 스킨 I 이미지 지연 로드 설정 방법 이번에는 티스트로 북클럽 사용자를 위한 꿀팁입니다. 바로 레이지 로딩 (이미지 지연로드) 설정 방법에 대해 자세히 알아보는 시간 가지도

galam.tistory.com

레이지로드를 적용했을 때 이미지 width가 250px로 적용되는 문제 해결
아마 이미지 로드시 빠른 로드를 위해 width를 자동으로 조정하는 것으로 보임
해당 JavaScript 코드에 e.style.width="100%"로 설정하였음
처음에는 CSS를 건드리려고 했으나, 해당 코드 안에서 작성하는 편이 문제가 없을 거 같아 DOM에서 수정하였음
만약 CSS로 편집했다면, 나중에 JavaScript를 수정하였을 때, 따로 CSS도 수정하여야 한다는 점이 걸리고 !important 사용이 불가피할 거 같아서라는 이유도 있음

/* 티스토리 프로필 카드 숨기기 */
div[data-tistory-react-app="Namecard"] {
  display: none
}

📇 티스토리 프로필 카드 숨기기

[안내] PC에서도 프로필 카드를 확인할 수 있어요. 안녕하세요. 티스토리팀입니다. 티스토리 글을 읽다보면 혼자만 보기 아까운 유용한 글들이 참 많은데요. 마음에 드는 블로그를 한 눈에 살펴

ifyou.tistory.com

728x90