게시글 개수 표시하는 괄호 제거 스크립트 코드

괄호제거

티스토리에 기본으로 표시되는
괄호를 제거하고 자신이 원하는 스타일로
커스텀하기 위해 괄호를 제거합니다.

제거방법

제가 사용하고 있는 프라치노 공간을
기준으로 설명드리겠습니다.

각 스킨마다 방법은 다를 수 있지만
티스토리 치환자를 기본으로 하기 때문에
방법은 똑같다고 보셔도 되겠습니다.

괄호제거 스크립트

const side_category = document.getElementById('sidebar');
const c_cnt = side_category.getElementsByClassName('c_cnt');
for (i = 0; i < c_cnt.length; i++) {
let pattern = /[()]/gi;
let str = c_cnt[i].innerHTML;
let n = str.replace(pattern, '');
c_cnt[i].innerHTML = n;
}

이 스크립트는 다음과 같은 작업을 수행합니다.

1. sidebar ID를 가진 요소를 찾아
   side_category 변수에 할당합니다.
2. side_category 요소 내부에서 클래스 이름이
   c_cnt인 모든 요소를 찾아 c_cnt 변수에 할당합니다.
3. for 루프를 사용하여 c_cnt 요소의
   각각에 대해 다음 작업을 반복합니다:
4. 정규 표현식 패턴 /[()]/gi을 사용하여
   괄호 문자를 찾습니다.
5. innerHTML 속성을 사용하여
   현재 요소의 내용을 가져옵니다.
6. replace() 메서드를 사용하여
   괄호 문자를 제거합니다.
7. 수정된 내용을 다시 c_cnt 요소의
   innerHTML 속성에 할당하여 화면에 표시됩니다.

이렇게 c_cnt 클래스를 가진 요소들에서
괄호 문자를 제거하는 역할을 합니다.

사용방법

프라치노공간을 사용하시는 분들은
스크립트 그대로 수정 없이 사용하셔도 됩니다.

하지만 저와 다른 스킨을 사용하시는 분들은
getElementById값만 확인하여 자신에게 맞는 값으로
수정 후 사용하시면 되겠습니다.