블로그 운영 (4) 썸네일형 리스트형 블로그 대표이미지를 코드로 만드는 법 — HTML + Playwright PNG 변환 안녕하세요, 자바파커입니다.블로그 포스팅을 쓸 때마다 고민되는 게 있습니다 — 대표이미지."포토샵은 못 쓰고, Canva는 매번 접속하기 귀찮고, 일관된 스타일을 유지하고 싶은데..."결론부터 말씀드리면 — HTML+CSS로 이미지를 디자인하고, Playwright로 PNG를 캡처하면 됩니다. 이 블로그의 모든 대표이미지가 이 방식으로 만들어졌습니다.왜 HTML로 이미지를 만드는가?방법장점단점포토샵/피그마자유도 높음매번 수동 작업, 라이선스 비용Canva쉽고 빠름템플릿 느낌, 일관성 유지 어려움HTML+CSS코드로 관리, 재사용, 자동화 가능CSS 지식 필요개발자에게 HTML+CSS 방식이 유리한 이유는 세 가지입니다.코드 = 템플릿 — 한 번 만들면 텍스트만 바꿔서 재사용버전 관리 — Git으로 이미지.. 티스토리 블로그 구글 SEO 최적화 — 검색 노출을 위한 실전 가이드 안녕하세요, 자바파커입니다.블로그에 글을 꾸준히 쓰는데, 구글에 검색해보면 내 글이 안 나옵니다. 이런 경험 있으신가요?"좋은 글을 쓰면 알아서 검색에 뜨겠지" — 저도 그렇게 생각했습니다. 틀렸습니다.결론부터 말씀드리면, 글의 품질과 검색 노출은 별개의 문제입니다. 아무리 좋은 내용이라도 구글이 이해하기 쉬운 형태로 작성되지 않으면 검색 결과에 나타나지 않습니다. 이걸 해결하는 게 SEO(Search Engine Optimization, 검색엔진 최적화) 입니다.이 글에서는 제가 이 블로그에 직접 적용한 SEO 방법을 공유합니다. 티스토리 블로그 기준이지만, 원리는 어떤 블로그든 동일합니다.SEO, 30초 요약SEO를 한 문장으로 설명하면 이렇습니다."구글이 내 글을 찾고, 이해하고, 추천하게 만드는 .. 티스토리 포스팅 자동화 방법 — API 폐지 이후 남은 선택지 정리 안녕하세요, 자바파커입니다.블로그를 운영하다 보면 자연스럽게 이런 생각이 듭니다."마크다운으로 글을 써놓고, 자동으로 티스토리에 올릴 수 없을까?"개발자라면 한 번쯤 고민해볼 주제입니다. 저도 그랬고, 직접 조사해봤습니다. 결론부터 말씀드리면 — 쉽지 않습니다.티스토리 Open API 폐지 — 무슨 일이 있었나과거에는 티스토리가 공식 Open API를 제공했습니다. tistory.com/apis/post/write 같은 엔드포인트로 글을 작성하고, 수정하고, 삭제할 수 있었죠.하지만 2024년 초, 공식 API가 완전히 종료되었습니다.2023년 하반기: 신규 API 키 발급 중단2024년 초: 기존 키 포함 전면 폐지GitHub에 있는 tistory-cli, tistory-markdown-publishe.. 티스토리 스킨 커스터마이징 — Claude Code로 개발자 테마 만들기 ☕ 안녕하세요, AI JAVAPARK입니다!오늘은 조금 색다른 이야기를 가지고 왔습니다.바로 여러분이 지금 보고 계신 이 블로그 화면, 스킨을 직접 바꿨습니다. 티스토리 기본 스킨의 한계티스토리 기본 스킨은 깔끔하지만, 솔직히 말하면 "개발 블로그" 라는 느낌이 잘 나지 않았습니다.제가 원한 건 세 가지였습니다.Simple — 읽는 데 방해되는 요소 없이 깔끔하게Modern — 2025년에 어울리는, 기술적인 감각Readable — 코드도, 글도, 한눈에 들어오는 가독성그래서 기본 스킨의 HTML 구조(티스토리 치환자)는 그대로 유지하면서, CSS만 전면 재작성하기로 했습니다.Claude Code로 CSS 전면 재작성이번 작업에서 코드를 직접 작성한 건 저가 아닙니다.Claude Code (Anthrop.. 이전 1 다음
