본문 바로가기

전체 글

(99)
티스토리 스킨 JAVAPARK Dev v1.5 — 접근성, SEO, 코드 품질 전면 개선 블로그 운영 티스토리 스킨 JAVAPARK Dev v1.5 — 접근성, SEO, 코드 품질 전면 개선 안녕하세요, 자바파커입니다."새 기능을 추가하는 것만큼, 기존 코드를 점검하는 것도 중요합니다."v1.4까지 코드 하이라이팅, 다크 모드, 목차, 공유 버튼 등 눈에 보이는 기능을 계속 추가해왔는데요. 이번 v1.5에서는 방향을 바꿨습니다.결론부터 말씀드리면 — v1.5는 눈에 보이지 않는 곳을 단단하게 만드는 업데이트입니다. 깨진 HTML 수정, 접근성 개선, SEO 최적화, 코드 현대화까지 — 스킨의 기초 체력을 끌어올렸습니다.JAVAPARK Dev 스킨 버전 히스토리버전주요 기능v1.0기본 레이아웃, 반응형 디자인v1.2목차(TOC) 자동 생성, 플로팅 네비게이션, 모바일 대응v1.3다크/라이트 테마 자동 전환, 시스템 설정 연동v1.4코드 하이라이팅, 복사 버튼, 이미지 확대, 공유 버튼, 읽기 .. 2026. 4. 3. 00:09
JAVAPARK Dev v1.3 스킨 — 다크 테마와 라이트/다크 자동 전환 블로그 운영 JAVAPARK Dev v1.3 스킨 — 다크 테마와 라이트/다크 자동 전환 ☕ 안녕하세요, 자바파커입니다!지난 v1.2 업데이트에서 목차와 플로팅 네비게이션을 추가해 드렸는데요, 이번에는 많은 분들이 요청하신 기능을 가져왔습니다.밤에 블로그를 읽을 때 눈이 아프다는 생각, 해보신 적 있으신가요?이번 v1.3에서는 다크 테마를 추가했습니다.티스토리 스킨 다크 테마 — 주요 기능OS 설정 자동 감지별도 조작 없이 운영체제의 다크 모드 설정을 자동으로 따릅니다. Windows, macOS, iOS, Android 모두 지원합니다.CSS prefers-color-scheme: dark 미디어 쿼리를 사용하므로, OS에서 다크 모드를 켜면 블로그도 자동으로 전환됩니다.수동 토글 버튼헤더 우측에 해/달 아이콘 버튼이 추가되었습니다.라이트 모드: 달 아이콘 표시 (클릭하면 다크로)다크 모드.. 2026. 3. 29. 22:53
JAVAPARK Dev v1.2 스킨 — 목차(TOC) 자동 생성과 플로팅 네비게이션 블로그 운영 JAVAPARK Dev v1.2 스킨 — 목차(TOC) 자동 생성과 플로팅 네비게이션 ☕ 안녕하세요, 자바파커입니다!지난번 스킨 v1.0 포스팅에서 개발자 감성의 티스토리 스킨을 공유해 드렸는데요, 그 이후로 직접 블로그를 운영하면서 느낀 게 하나 있습니다.글이 길어지면 "지금 어디쯤 읽고 있지?" 하는 순간이 옵니다.위로 올라가서 다른 섹션을 찾으려면 스크롤 지옥이 시작되죠.그래서 JAVAPARK Dev 스킨 v1.2에서는 목차(TOC) 자동 생성과 플로팅 네비게이션을 추가했습니다.티스토리 스킨 v1.2 주요 변경사항결론부터 말씀드리면, 이번 업데이트의 핵심은 "긴 글을 편하게 읽게 만드는 것" 입니다.티스토리 목차 자동 생성 기능 (인라인 TOC)포스팅에 h2, h3, h4 헤딩이 2개 이상 있으면, 글 상단에 목차가 자동으로 생성됩니다.별도의 플러그인이나 수동 작성 불필요JavaSc.. 2026. 3. 28. 23:39
티스토리 블로그 구글 SEO 최적화 — 검색 노출을 위한 실전 가이드 블로그 운영 티스토리 블로그 구글 SEO 최적화 — 검색 노출을 위한 실전 가이드 안녕하세요, 자바파커입니다.블로그에 글을 꾸준히 쓰는데, 구글에 검색해보면 내 글이 안 나옵니다. 이런 경험 있으신가요?"좋은 글을 쓰면 알아서 검색에 뜨겠지" — 저도 그렇게 생각했습니다. 틀렸습니다.결론부터 말씀드리면, 글의 품질과 검색 노출은 별개의 문제입니다. 아무리 좋은 내용이라도 구글이 이해하기 쉬운 형태로 작성되지 않으면 검색 결과에 나타나지 않습니다. 이걸 해결하는 게 SEO(Search Engine Optimization, 검색엔진 최적화) 입니다.이 글에서는 제가 이 블로그에 직접 적용한 SEO 방법을 공유합니다. 티스토리 블로그 기준이지만, 원리는 어떤 블로그든 동일합니다.SEO, 30초 요약SEO를 한 문장으로 설명하면 이렇습니다."구글이 내 글을 찾고, 이해하고, 추천하게 만드는 .. 2026. 3. 28. 18:42
티스토리 포스팅 자동화 방법 — API 폐지 이후 남은 선택지 정리 블로그 운영 티스토리 포스팅 자동화 방법 — API 폐지 이후 남은 선택지 정리 안녕하세요, 자바파커입니다.블로그를 운영하다 보면 자연스럽게 이런 생각이 듭니다."마크다운으로 글을 써놓고, 자동으로 티스토리에 올릴 수 없을까?"개발자라면 한 번쯤 고민해볼 주제입니다. 저도 그랬고, 직접 조사해봤습니다. 결론부터 말씀드리면 — 쉽지 않습니다.티스토리 Open API 폐지 — 무슨 일이 있었나과거에는 티스토리가 공식 Open API를 제공했습니다. tistory.com/apis/post/write 같은 엔드포인트로 글을 작성하고, 수정하고, 삭제할 수 있었죠.하지만 2024년 초, 공식 API가 완전히 종료되었습니다.2023년 하반기: 신규 API 키 발급 중단2024년 초: 기존 키 포함 전면 폐지GitHub에 있는 tistory-cli, tistory-markdown-publishe.. 2026. 3. 28. 18:01
티스토리 스킨 커스터마이징 — Claude Code로 개발자 테마 만들기 블로그 운영 티스토리 스킨 커스터마이징 — Claude Code로 개발자 테마 만들기 ☕ 안녕하세요, AI JAVAPARK입니다!오늘은 조금 색다른 이야기를 가지고 왔습니다.바로 여러분이 지금 보고 계신 이 블로그 화면, 스킨을 직접 바꿨습니다. 티스토리 기본 스킨의 한계티스토리 기본 스킨은 깔끔하지만, 솔직히 말하면 "개발 블로그" 라는 느낌이 잘 나지 않았습니다.제가 원한 건 세 가지였습니다.Simple — 읽는 데 방해되는 요소 없이 깔끔하게Modern — 2025년에 어울리는, 기술적인 감각Readable — 코드도, 글도, 한눈에 들어오는 가독성그래서 기본 스킨의 HTML 구조(티스토리 치환자)는 그대로 유지하면서, CSS만 전면 재작성하기로 했습니다.Claude Code로 CSS 전면 재작성이번 작업에서 코드를 직접 작성한 건 저가 아닙니다.Claude Code (Anthrop.. 2026. 3. 28. 17:43
레벨업! 지식 사냥꾼 - 아이들을 위한 학습 퀴즈 앱 개발기 AI 도구 레벨업! 지식 사냥꾼 - 아이들을 위한 학습 퀴즈 앱 개발기 프로젝트 소개"레벨업! 지식 사냥꾼"은 초등학생부터 중학생까지 재미있게 학습할 수 있는 퀴즈 웹앱입니다. 게이미피케이션 요소를 적용하여 아이들이 게임하듯 공부할 수 있도록 만들었습니다.기술 스택프론트엔드: React 20 + TypeScript + Vite스타일링: Tailwind CSS백엔드/인증: Firebase (Authentication, Firestore, Cloud Functions)AI 문제 생성: Google Gemini API배포: Netlify (프론트엔드), Firebase (백엔드)PWA: 오프라인 지원 및 앱 설치 가능주요 기능1. 과목별 퀴즈과학, 역사, 사회, 영어 4개 과목 지원학년별 난이도: 초등 저학년, 초등 고학년, 중학생각 퀴즈는 5문제로 구성2. AI 맞춤 문제 생성.. 2025. 12. 12. 07:22
기타/Python pigar vs pipreqs 📌 1. pigar자동화된 분석과 관리에 강점이 있는 도구✅ 특징프로젝트 코드에서 사용된 import 문을 기반으로 종속성을 자동 추출하여 requirements.txt를 생성PyPI를 통해 최신 패키지 버전을 자동 감지하여 requirements.txt에 추가프로젝트 폴더 내에서 실행하면 모든 서브디렉토리까지 탐색하여 필요한 패키지를 찾음캐시 기능이 있어서 한 번 찾은 패키지를 다시 분석할 때 속도가 빠름단순 import 기반 분석이라서 동적 import (예: importlib.import_module)는 추적 불가✅ 설치 및 사용법pip install pigarpigar generate현재 디렉토리 내에서 종속성을 분석하고 requirements.txt를 생성함.특정 프로젝트 폴더를 지정하여 실행.. 2025. 2. 24. 16:57

SMALL