그냥 해봤는데6 🎨티스토리 사이드바 카테고리 디자인 개선 티스토리 블로그의 사이드바 카테고리가 너무 평범하거나 가독성이 떨어진다면, 이번 CSS 커스터마이징으로 카테고리 제목과 소제목을 구분하고 더 보기 좋게 만들어 보세요!1. 카테고리 소제목 강조 (link_item)카테고리 최상단 제목(예: "OpenCV", "AWS" 등)을 두껍고 선명하게 스타일링합니다.#aside .link_item { font-size: 17px; font-weight: 800; color: #111; /* 더 진한 텍스트 색상 */ display: block; margin-top: 12px; padding-bottom: 4px; border-bottom: 1px solid #ccc;} 굵은 폰트 + 아랫줄로 구분감 UP배경색이 베이지톤일 경우.. 2025. 5. 28. 티스토리 사이드바 상단에 프로필 이미지 넣는 방법 블로그에 나만의 브랜드를 만들고 싶다면, 첫인상을 결정짓는 사이드바 상단 이미지는 꽤 중요합니다.이번 글에서는 내 PC(바탕화면)에 있는 이미지를 티스토리 사이드바에 넣는 방법을 아주 쉽게 정리해봅니다.Step 1. 이미지 준비 및 업로드(이미지 주소 필요)바탕화면에 있는 이미지를 준비합니다.(JPG, PNG 등 포맷 모두 OK. 가로 기준 240px 이내가 적당합니다)티스토리 글쓰기(새 글) 페이지로 이동합니다.이미지 업로드:글쓰기 화면에 이미지를 드래그 앤 드롭하거나이미지 버튼을 눌러 바탕화면에서 선택업로드한 이미지 위에서 **우클릭 → ‘이미지 주소 복사’**를 클릭합니다.이게 바로 웹에서 접근 가능한 이미지 URL입니다.Step 2. 사이드바 HTML 수정관리자 페이지 → 꾸미기 → HTML 편집.. 2025. 5. 24. 티스토리 접은글(⏰로딩 지연 문제) #2 접은글(더보기) 제목 자동 설정 + 로딩 지연 문제 해결 방법블로그 글을 접는 구조에서, 더보기 버튼에 자동으로 제목을 붙이고 싶을 때 아래 스크립트를 사용합니다.❗️문제 요약setTimeout(..., 300)으로 DOM을 강제로 기다리게 하면서페이지 로딩이 지연되거나 스크립트 실행이 늦어지는 현상 발생⚠️ 이전에 안됐던 코드처음엔 DOMContentLoaded나 setTimeout(..., 300)으로 실행했는데, 일부 접힌 글 영역이 렌더링 완료 전에 스크립트가 작동해 b 태그를 못 찾는 문제(= 제목이 안바뀜)가 있었습니다. or 페이지 로딩이 길어짐더보기이전 코드 🧠 원인 분석window.addEventListener("load", ...)는 모든 리소스 (이미지, 광고 등) 가 다 로드된 .. 2025. 5. 19. 구글 스프레드시트(Excel)에서 Sheet 간 2단 드롭다운 결혼식 Excel Sheet를 수정하면서 구현이 안된 부분이 있어 정리하고자 한다. 문제 인식시트 간 연동된 2단 드롭다운(대분류 → 중분류)을 만들고 싶었다.하지만 구글 스프레드시트에서는 데이터 유효성 검사 영역에서 FILTER 함수를 직접 쓸 수 없어 다른 방식이 필요했다. 목표 / 기대 효과대분류 선택 시 해당 중분류가 자동으로 드롭다운에 나타나도록 설정별도 시트에서 중분류 데이터를 관리하고, 메인 시트에서는 깔끔하게 드롭다운만 활용 구현 방식 요약핵심 로직:중분류 데이터는 열 단위로 별도 시트(지출 상세 내역)에 정리각 열마다 이름 정의 (예: 의류, 식품, 전자제품)메인 시트에서는 INDIRECT로 해당 이름의 데이터를 가져오고TRANSPOSE로 가로 데이터를 세로로 변환IFERROR로 오류 .. 2025. 5. 18. 티스토리 접은글 색 및 더보기/닫기 문구 변경(스킨 HTML, CSS 편집) 더보기/닫기(Button) 글씨 색 바꾸기.btn-toggle-moreless { color: #d32f2f !important; /* 진한 빨간색 예시 */ font-weight: bold; cursor: pointer;}.btn-toggle-moreless:hover { text-decoration: underline;} 접은글 안에 글씨 색 바꾸기.moreless-content { color: #444 !important; /* 전체 글씨 색 변경 */}.moreless-content h2,.moreless-content h3 { color: #1a73e8 !important; /* 제목 색상 */}.moreless-content li { color: #333 !important; /.. 2025. 5. 17. 기술 블로그, 결국은 '프롬프트 싸움'이었다 어쩌다 이걸 시작하게 됐을까?최근 기술 블로그를 쓸 일이 많아지면서, 글을 정리할 때마다 자연스럽게 ChatGPT의 도움을 받게 됐다.처음에는 단순히 "내가 한 작업 정리해서 블로그 써줘" 정도로 명령을 던졌다. 결과물도 나쁘지 않았다.정갈했고, 구조도 있었고, 무엇보다 내가 안 써도 되니 편했다.하지만 시간이 지나면서 점점 어색해졌다.정리된 글은 있었지만, 내 글 같지 않았다. 진행하면서 어땠는지?처음엔 이모지도 많고, 말투도 어디서 본 듯한 형식적인 느낌이었다.그럴싸하긴 한데, 읽다 보면 "이건 내가 쓴 글이 아니야"라는 감각이 들었다.그래서 글을 쓴 뒤에도 계속 손을 봤고, 오히려 시간이 더 걸리기도 했다.결국 깨달았다. 프롬프트부터 잘 써야 한다는 걸. 그래서 어떻게 풀었는지?내가 먼저 방향을 잡.. 2025. 5. 9. 이전 1 다음
