안녕하세요, 자바파커입니다.
JAVAPARK Dev v1.6은 글을 쓰는 사람보다 글을 찾아 읽는 사람의 흐름에 집중한 업데이트입니다. 목록에 글이 쌓일수록 원하는 글을 찾기 어렵고, 매번 선호하는 보기 방식으로 다시 바꿔야 하는 불편이 생기는데요. 이번 버전에서는 이 두 부분을 바로 해결했습니다.
v1.6 핵심 변경사항
| 기능 | 내용 |
|---|---|
| 목록 내 글 찾기 | 제목·카테고리·요약을 입력 즉시 필터링 |
| 보기 방식 기억 | 목록형/썸네일형 선택을 브라우저에 저장 |
| 키보드 단축키 | / 키로 글 찾기 입력창에 바로 이동 |
| 접근성 보완 | 검색 결과 수와 보기 방식 상태를 보조기기에 전달 |
| 푸터 크레딧 | REDESIGNED BY JAVAPARK 링크 추가 |
1. 글 목록에서 바로 찾기
카테고리, 검색 결과, 태그 목록처럼 여러 글이 나열되는 화면 상단에 이 목록에서 글 찾기 입력창이 표시됩니다.
예를 들어 목록에서 SEO, Claude, 자동화를 입력하면 제목뿐 아니라 카테고리와 글 요약까지 함께 비교하여 해당 글만 남깁니다. 별도 페이지 이동이나 새로고침 없이 즉시 결과가 바뀝니다.
이렇게 사용하세요
- 글 목록 상단의
이 목록에서 글 찾기를 클릭합니다. - 찾고 싶은 단어를 입력합니다.
- 결과 수를 확인하고 원하는 글을 선택합니다.
- 오른쪽
×버튼을 누르면 검색어와 필터가 지워집니다.
키보드를 주로 사용한다면 목록 화면에서 / 키를 눌러 바로 검색창으로 이동할 수도 있습니다.
이 기능은 현재 화면에 불러와진 글 목록을 빠르게 찾는 클라이언트 측 필터입니다. 블로그 전체 글을 대상으로 하는 검색은 기존 티스토리 검색 기능을 이용해 주세요.
2. 목록형·썸네일형 보기 방식 기억
기존에도 글 목록을 목록형과 썸네일형으로 바꿀 수 있었지만, 페이지를 옮기거나 다시 방문하면 선택이 유지되지 않았습니다.
v1.6부터는 마지막으로 선택한 보기 방식을 브라우저에 저장합니다.
- 텍스트를 빠르게 훑어보고 싶다면 목록형
- 이미지와 함께 콘텐츠를 탐색하고 싶다면 썸네일형
한 번 고른 방식은 같은 브라우저에서 다음 목록 페이지를 열어도 그대로 적용됩니다. 기기나 브라우저를 바꾸면 각각의 환경에서 한 번씩 선택하면 됩니다.
검색 결과를 썸네일형으로 보고 있을 때도 카드가 빈칸 없이 정렬되도록 처리했습니다.
3. 접근성까지 함께 개선했습니다
보이는 기능만 추가하지 않았습니다.
- 검색어를 입력하면
검색 결과 n개를 화면과 보조기기에 함께 알립니다. - 검색 결과가 없을 때 명확한 안내 문구를 표시합니다.
- 목록형/썸네일형 버튼에는 현재 선택 상태가 전달됩니다.
- 검색 입력창과 지우기 버튼에는 목적을 알 수 있는 레이블을 넣었습니다.
마우스뿐 아니라 키보드와 보조기기를 사용해도 같은 흐름으로 글을 탐색할 수 있도록 한 개선입니다.
4. 푸터 리디자인 크레딧
스킨 하단에는 다음 표기가 추가되었습니다.
DESIGN BY TISTORY · REDESIGNED BY JAVAPARKJAVAPARK를 누르면 javapark.tistory.com으로 이동합니다. 티스토리의 기본 제작 표기는 유지하면서, 스킨을 리디자인하고 개선한 출처도 함께 확인할 수 있게 했습니다.
JAVAPARK Dev 스킨 버전 히스토리
| 버전 | 주요 기능 |
|---|---|
| v1.0 | 기본 레이아웃, 반응형 디자인 |
| v1.2 | 목차(TOC) 자동 생성, 플로팅 네비게이션, 모바일 대응 |
| v1.3 | 다크/라이트 테마 자동 전환, 시스템 설정 연동 |
| v1.4 | 코드 하이라이팅, 복사 버튼, 이미지 확대, 공유 버튼, 읽기 시간, JSON-LD |
| v1.5 | 글 목록 메타 정보, 접근성·SEO 개선, HTML/CSS/JS 코드 품질 점검 |
| v1.6 | 목록 내 글 찾기, 보기 방식 기억, 탐색 접근성 개선, JAVAPARK 크레딧 |
설치 방법
- 아래에서
JAVAPARK Dev v1.6.zip파일을 내려받습니다. - 티스토리 관리자에서 꾸미기 → 스킨 변경 → 스킨 등록으로 이동합니다.
- ZIP 파일을 업로드한 뒤 등록한 스킨을 적용합니다.
- 글 목록에서 검색창, 목록형/썸네일형 전환 버튼이 정상 동작하는지 확인합니다.
기존 스킨을 사용 중이라면 적용 전 현재 스킨을 내려받아 백업해 두는 것을 권장합니다.
다운로드
'블로그 운영' 카테고리의 다른 글
| AI JAVAPARK 블로그 소개 — 메인 티스토리와 서브 개발 블로그 활용법 (0) | 2026.04.26 |
|---|---|
| 티스토리 스킨 JAVAPARK Dev v1.5 — 접근성, SEO, 코드 품질 전면 개선 (3) | 2026.04.03 |
| JAVAPARK Dev v1.3 스킨 — 다크 테마와 라이트/다크 자동 전환 (0) | 2026.03.29 |
| JAVAPARK Dev v1.2 스킨 — 목차(TOC) 자동 생성과 플로팅 네비게이션 (0) | 2026.03.28 |
| 티스토리 블로그 구글 SEO 최적화 — 검색 노출을 위한 실전 가이드 (0) | 2026.03.28 |
