반응형 블로그14 티스토리 이미지 오류? 브라우저 캐시 삭제가 첫걸음 개요게을러서 그런지 브라우저 캐시 정리를 잘 안한다. 한 3개월 된 것같다. 물론 개인차는 있겠지만 이런 게으름을 피웠을 때 문제가 많이 발생 할 수도 있다는 것을 알게 되었다. 특히 티스토리 블로그 운영을 하면서 발생하는 문제들 때문에라도 브라우저 캐시와 관련해 따로 정리하려 한다.목차브라우저 캐시란 무엇인가브라우저 캐시가 오래되면 생기는 문제티스토리에서 캐시 문제로 인한 현상브라우저 캐시 문제 해결 방법캐시 관리의 중요성1. 브라우저 캐시란 무엇인가브라우저 캐시는 인터넷 속도를 빠르게 하려고 웹사이트의 데이터를 임시로 내 컴퓨터(사용자의 컴퓨터)에 저장해 두는 시스템이다. 좀 쉽게 접근해보자.예를 들어, 웹사이트의 사진, 글꼴, 디자인 파일 등을 저장해 두면, 다음에 같은 사이트를 방문할 때 이 데이.. 2025. 3. 20. 티스토리에서 이미지가 본문 아래로만 삽입될 때 처리 방법 : 특히 섹션화했을 때 개요 및 발단본문 작성 시 목차를 포함시켜야 SEO 최적화에 유리하다는 말 때문에 목차와 자동 네비게이션화를 진행했다. 물론 이런 작업들 때문에 거의 모든 글들이 다 비슷비슷해 보여서 언제까지 이렇게 할 지는 모르겠지만 그래도 지금은 따르려고 한다. 그런데 본문 사이에 이미지를 넣으려고 했지만 본문 맨 밑으로 이미지가 나타나서 이건 또 왜 그러나 싶었다. 참 할게 많다. 나름 정리해 본다. 원인과 해결방법이미지 태그 위치 문제편집기 모드 문제CSS 스타일 설정 문제버그 또는 캐시 문제해결 방법과 SEO 최적화1. 이미지 태그 위치 문제티스토리에서 이미지를 삽입할 때, img 태그가 본문 끝에 자동으로 추가되는 경우가 발생한다. 이는 편집기가 삽입 태그의 위치를 올바르게 처리하지 못하거나, 기본적으로 마지.. 2025. 3. 20. 자동 목차 생성과 관련된 HTML, CSS, 그리고 JavaScript 작성 방법 자동 목차 생성을 구현하려면 HTML로 구조를 정의하고, CSS로 스타일을 지정하며, JavaScript로 동작을 추가할 수 있다. 아래는 기본적인 예시이다:1. HTML 작성HTML은 목차와 본문 콘텐츠의 구조를 설정하는 역할을 한다.html 목차 첫 번째 섹션 첫 번째 섹션 내용입니다. 두 번째 섹션 두 번째 섹션 내용입니다. 세 번째 섹션 세 번째 섹션 내용입니다. 2. CSS 작성CSS를 사용해 목차의 디자인과 스타일을 정한다.css/* styles.css */body { font-family: Arial, sans-serif; line-height: 1.6; margin: 20px;}#toc-container { position.. 2025. 3. 13. 이전 1 2 3 4 5 다음 반응형
