StoryHelper - 티스토리 블로그 생산성를 위한 크롬 확장프로그램
티스토리 블로그를 운영하면서 불편했거나 있었으면 좋겠다 싶은 기능들을 몇개 만들어서 확장 프로그램으로 만들어봤습니다.
특별한 기능으로 작업 효율 늘리기
단축키 추가
단축키는 현재 5개가 있습니다. 자세한 기능은 아래 이미지를 참고해주세요. 이 중 서식 창 열기는 수동광고를 더 편리하게 넣을 수 있고, 자주 작성해야하는 것들을 적은 클릭으로 빠르게 삽입할 수 있게 되었습니다.
저는 이미지 업로드 기능을 자주 사용하는데, 이미지를 다운받고 단축키를 통해 업로드 할 수 있다보니 글을 작성하는 시간이 크게 줄어든 느낌을 받았습니다.
이미지 크기 조절기 📷
글 작성 중 업로드한 이미지들의 크기를 한번에 조절 할 수 있는 기능입니다. 해당 기능을 만든 이유는 CLS 수치 때문인데요. SEO에 최적화된 글을 작성하기 위해서는 CLS 수치가 높으면 안됩니다.
CLS 수치는 쉽게 말하면 로딩될 때 화면에 있는 요소들의 위치가 얼마나 자주 바뀌는지를 수치화한 정도입니다. 여기에는 이미지크기가 임의로 정해져있지 않은 이미지들이 로딩되기 전에 비어있다가 로딩되면 화면의 공간을 차지하기 때문에 CLS 수치에 영향을 줍니다.
이걸 막기 위해서 기존에는 각 이미지마다 임의로 너비 값을 지정해줘야했었는데, 이미지 크기 조절기능을 사용하면 화면 전체의 이미지를 원하는 크기로 지정할 수 있습니다.
Alt 태그 입력기
현재는 전체 이미지 ALT 태그 적용이지만, 추 후 각 이미지별 ALT를 따로 작성할 수 있도록 해보겠습니다.
글자수 카운터 📖
작성 중인 글의 총 글자 수를 실시간으로 확인할 수 있습니다. 현재 작성하고 있는 글의 글자수가 몇자인지 직관적으로 파악할 수 있도록 하는 글자수 카운터 기능입니다.
글자 수 카운터를 카테고리 선택 탭 오른쪽에 배치하여 글 작성 중 분량 체크를 수월하게 합니다.
사용 방법은 이렇게 👇
스토리헬퍼를 사용하려면 Chrome 웹스토어에서 무료로 다운로드할 수 있습니다. 설치 후 상단의 확장프로그램 아이콘을 클릭하면 바로 사용할 수 있습니다.
FAQ ❓
| 크롬에서만 사용 가능한가요?
네, 현재는 크롬과 웨일 브라우저 사용자를 목적으로 제작했습니다.
| 유료인가요?
아닙니다, 완전 무료이며 앞으로도 무료로 제공할 생각입니다.
| 단축키 설정을 변경할 수 있나요?
아닙니다, 단축키 사용자 지정 설정을 추가할 계획은 있습니다.
현재는 업데이트되어서 여러분이 원하는 단축키로 수정이 가능합니다.
| MacOS에서도 쓸 수 있나요?
네, MacOS에서도 쓸 수 있도록 개발했습니다. 맥에서는 컨트롤 키 대신 Command키를 사용해서 단축키 사용이 가능합니다!
| 버그를 발견했습니다, 제보는 어떻게 하나요?
하단의 문의 방법을 통해서 버그 신고, 건의 사항 등을 받고 있습니다. 알려주시면 최대한 빠르게 확인 후 수정하도록 하겠습니다.
문의 방법 ❓
StoryHelper 사용 중 궁금한 점이 있다면, 해당 글 댓글로 적어주시면 빠르게 답변을 드리도록 하겠습니다.
버그나 건의사항은 Github Issues로 남겨주시면 감사하겠습니다.
개발자 한마디 📢
저도 오랜 기간 티스토리 블로그를 운영하며 블로거들의 불편함을 직접 겪어 보았습니다. 그런 경험에서 착안하여 스토리헬퍼를 개발하게 되었습니다. 솔직히 부족한 개발 실력이지만 앞으로도 지속적인 기능 업데이트와 개선을 해보고 싶습니다. 사용에 어려움이 있다면 언제든 문의해 주시기 바랍니다.
사용 후 리뷰나 Github 스타는 제 커다란 행복입니다.. ㅎ
함께 보면 좋은 글
'IT > FE' 카테고리의 다른 글
티스토리 확장프로그램 StoryHelper v1.4.0 패치노트 (1) | 2024.06.22 |
---|---|
[JS] 변수 선언 var와 let의 차이점, 호이스팅 및 중복 선언 등 - 자바스크립트 (0) | 2023.07.10 |
반갑습니다! 이 블로그에서는 주로 게임이나 유용한 소프트웨어 소개 등의 컨텐츠를 제공합니다. 🎁
남겨주시는 모든 댓글은 컨텐츠 제작에 큰 힘이 됩니다!