글자 수 카운트 + 읽기 쉬움 점수 + SEO 분석이 가능한 Web 툴을 JS만으로 만들었다

글자 수 카운터는 세상에 많이 있지만, 대부분은 「글자 수를 세는 것뿐」입니다. 제가 블로그 기사나 SNS 게시물을 작성할 때 원했던 기능은 다음과 같았습니다.

• 글자 종류별 (히라가나·가타카나·한자·영숫자) 내역
• 문장의 읽기 쉬움을 수치화한 점수
• SEO 관점에서의 체크 (제목 길이, 키워드 밀도 등)
• Twitter/Instagram 등의 SNS 글자 수 제한과의 비교

기존 툴에서 이것들을 일괄적으로 확인할 수 있는 것이 없었기에, JavaScript만으로 동작하는 Web 툴로서 직접 만들었습니다.

텍스트를 입력하면 즉시 글자 수·단어 수·행 수·단락 수를 표시합니다. 전각·반각 구분에도 대응하고 있습니다.

히라가나·가타카나·한자·영문·숫자·기호의 비율을 산출합니다. 일본어 문장에서는 히라가나 비율이 높을수록 읽기 쉽다고 여겨지며, 이 비율을 의식한 문장 개선에 사용할 수 있습니다.

문장의 평균 길이, 한자 비율, 히라가나 비율 등을 통해 종합적인 읽기 쉬움 점수를 0~100 사이로 산출합니다.

제목의 글자 수가 Google 검색 결과에서의 표시에 적절한지, 메타 디스크립션 (Meta Description)의 길이, 키워드 출현 빈도 등을 체크합니다.

Twitter (280자/140자), Instagram (2200자) 등 주요 SNS의 글자 수 제한과 비교하여 남은 글자 수를 표시합니다.

Unicode의 범위 지정으로 일본어의 글자 종류를 정확하게 분류하고 있습니다.

const analyzeCharTypes = (text) => {
const hiragana = (text.match(/[\u3040-\u309F]/g) || []).length;
const katakana = (text.match(/[\u30A0-\u30FF]/g) || []).length;
...

이 Unicode 범위 지정 덕분에 이모지나 특수 문자가 섞여 있어도 정확하게 카운트할 수 있습니다.

일본어 문장의 읽기 쉬움을 여러 지표로부터 산출하고 있습니다.

const calcReadability = (text) => {
const sentences = text.split(/[。！？\n]/).filter(s => s.trim());
const avgLength = text.length / Math.max(sentences.length, 1);
...

일반적으로 일본어 텍스트에서는 한자 비율 30% 전후, 한 문장 40~60자 정도가 읽기 쉽다고 알려져 있습니다. 이 알고리즘은 그러한 지견을 베이스로 하고 있습니다.

「세는 것뿐」에서 끝나지 않는 글자 수 카운터를 목표로 만들었습니다. SEO나 SNS 운영을 하고 계신 분들에게 텍스트의 품질을 다각도로 체크할 수 있는 툴이 될 것이라고 생각합니다.

서버가 필요 없고 HTML/CSS/JS만으로 동작하므로 로컬에서도 사용할 수 있습니다.

툴은 여기서 테스트할 수 있습니다:

AI 글자 수 카운터

만드는 방법의 상세 내용은 여기서:

자세한 내용은 여기서