- 이토랜드 메모 & 블랙리스트 & 캡쳐
이미지 세탁하려는 벌레.
휴식기를 가졌다가 다시 시작하는 벌레.
닉네임을 바꾼 벌레.
다른 게시판에서 벌레 아닌 척 하는 벌레.
머리가 좋지 않고, 끈기있게 추적하는 스타일도 못 돼서 이런 벌레들 가려내고 기억하려고 만듦.
[기능 설명]
0. 설치
- 설치시 외부 스크립트 허용 여부를 묻는 화면이 나옴. (내 컴 기준. 윈도우10, 크롬, Tampermonkey 사용시)
캡쳐를 위한 Html2Canvas 스크립트와 JQuery 스크립트에 대한 허용 여부를 묻는 것임.
이 두 스크립트는 의심하지 않아도 되는 스크립트이므로 안심해도 됨.
'항상 허용'을 하면 다음부턴 안 물어봄. 누가 말 걸어주고 물어봐주길 원하면 '이번만 허용'을 선택해도 됨.
설치 전에 코드를 볼 수 있으므로 다 확인해봐도 됨. (보안을 위협할 수 있는 실력이 안 되니까 안심하라구?)
딴에는 최대한 주석을 달아놓았음. (사실 내가 헷갈려서)
- 이토랜드 전용이므로 다른 사이트에서는 작동하지 않음. (운영자분들이 메모기능을 제공했으면 내가 이런 걸 만들 이유가 없.. )
- 설치 후 이토랜드 아무 게시판에 들어가면 화면 오른쪽 상단부분에 메뉴가 나타남.
1. 메모 & 블랙리스트 기능
- 글 작성자, 댓글 작성자의 계급이미지 왼쪽에 📝 아이콘을 누르면 메모 저장과 블랙리스트 체크할 수 있는 메뉴가 나옴. 한번 더 누르면 사라짐.
- 메모 입력, 블랙리스트 여부를 확인하고 저장을 누르면 데이터가 저장됨. 실시간 반영은 능력부족으로 어떻게 하는지 모르겠음. 새로고침하면 적용됨.
- 메모가 기록되면 해당 아이디의 아랫줄에 메모가 표시됨. 또, 블랙리스트로 표시한 아이디에는 해당 아이디 라인 전체의 색이 바뀜.
마찬가지로 블랙리스트에 포함된 아이디가 작성한 게시글은 해당 라인 전체의 색이 바뀜.
※주의
; 기존에 메모가 되어 있는 아이디의 📝 아이콘을 누른 후, 메모칸에 아무것도 입력하지 않고 그냥 저장을 누르면 기존 메모가 사라짐.
2. 캡쳐 및 마킹 기능
- 캡쳐 기능은 게시글에 진입했을 때만 작동됨. 애초에 목적이 증거로 확보해야할 글이나 댓글을 캡쳐하는 것이므로.
- 캡쳐시 사용자가 기록, 저장한 메모와 블랙리스트 표시는 저장되지 않음. 화면상에는 메모와 블랙리스트 표시로 인한 색변경이 보이지만 캡쳐시 저장되는 이미지파일에는 해당 사항이 저장되지 않음. (섬세함 ㅇㅈ?)
- 마킹 기능은 증거수집용이 아닌 용도, 예를 들면 저격용? 등에 쓸 수 있게 하기 위한 기능으로, 해당 화면에서 모든 닉네임이 닉네임의 글자수에 상관없이 '닉네임 첫글자 + 별표(*) 네개' 로 변함. 또, 프사도 모두 흰색으로 가려짐. 마킹된 변경사항을 원래대로 되돌리는 기능은 제공하지 않음.
그냥 다른 게시글을 클릭하거나 새로고침을 하면 원래대로 돌아옴.
원래는 캡쳐버튼을 누르면 노마킹과 마킹 두 장의 캡쳐파일을 한 번에 저장하게끔 하려고 했었는데 원하지 않는 사용자도 있을 것 같아서 일단 보류하였음.
- 저장되는 파일 이름 형식은 'Capture (글 작성일시) (작성자 아이디) (작성자 닉네임) (작성자 IP) 글제목 ' 임.
(작성자 아이디) (작성자 닉네임) (작성자 IP) 항목을 모두 적용한 이유는 닉네임 변경이나 아이피 변경등을 나중에 쉽게 파악할 수 있을 것 같아서.
이 내용들은 이미지 파일에도 다 저장되겠지만 이미지 파일의 내용은 추출 및 검색이 어렵기 때문에 파일명에 핵심 데이터를 기록하고자 했음.
- 캡쳐 이미지는 기본 캡쳐 화질에서 2.5배를 했음. 기본 캡쳐 화질을 결정하는 것이 Html2Canvas 스크립트 자체에서 결정하는 것인지 제작자 컴퓨터 환경, 브라우저 설정 등에 의해 결정되는 것인지는 모르겠으나 기본 캡쳐 화질은 해상도가 많이 떨어져서 글자가 뭉개지는 현상이 발생했었기 때문에 2.5배로 하였음.
화질 부분의 설정을 고치고 싶으면 스크립트 코드 중 '~캡쳐버튼 함수 배당' 에서 {scale: 2.5} 부분을 찾아 숫자만 원하는대로 바꿔주면 됨.
캡쳐버튼이 세개 있으니 세군데를 바꿔줘야 함.
3. 빈 댓글 기능
- 전혀 말이 통하지 않아서, 성의껏 이해시키려는 노력이 헛수고인 돌대가리 무논리인 사람들에게 사용하기 위해 만든 기능.
게시글에 진입 후 댓글란을 클릭하지 않아도 바로 버튼을 누르면 해당 게시글에 빈댓글이 달림.
또, 댓글에 대댓글을 달 때는 해당 댓글의 '답글쓰기'를 누른 후 빈 댓글 버튼을 누르면 됨.
4. 맨위, 맨 아래 기능
- 이건 그냥.. 나 편하려고 만든 기능.
- 제작 후기
개발자도 아니고 자바스크립트도 전혀 모르는 상태에서 취미삼아 만들어 봤는데, 기능이 작동을 하니(제 컴 기준) 기쁘네요. ^^
현재 화면상의 블랙리스트의 글이나 댓글에 일괄 비추를 클릭하는 기능을 구현하고 싶었으나 비추를 누르면 나타나는 ('이 글을 반대하셨습니다.', '이 댓글을 반대하셨습니다') 팝업창 처리를 어떻게 해야하는지 몰라서 포기.
아시는 분 있으면 알려주세요. 팝업창 처리만 되면 나머지는 작동되게끔 만들어 놨습니다.
또, '김재규' 닉네임을 쓰시는 분이 예전에 엑셀파일로 만드신 '과거 작성글, 댓글 보기' 기능을 추가하려고 생각하고 있긴 한데,
이걸 언제 완료할 지는 잘 모르겠고 또, 막상 하려고 했는데 능력이 안 돼서 못할 수도 있고 그렇습니다.
기능 개선 건의는 환영합니다. 환영만 합니다.
- 기능 오작동 관련 문의
되도록 하지 마세요. 저도 잘 모릅니다. 정말 모릅니다. 코드 한 줄 할 때마다 구글 검색했어요.
부디 잘 작동하기를 바랍니다. ㅋㅋ
그래도 아는 한도 내에서는 답변 드릴게요.
오로지 제 노트북에서만 테스트했습니다.
윈도우10, 크롬버전 93.0.4577.63(공식 빌드) (64비트) 환경입니다.
