클린리뷰

"건대 맛집"을 검색해 놓고 블로그를 훑다 보면 열에 여덟아홉이 협찬글이에요. 스크롤을 한참 내려 마지막 줄에서 "소정의 원고료를 받아 작성했습니다"를 보고 나서야 아 이것도 광고였구나 하게 되고요.

사실 처음 떠올린 그림은 검색 사이트였습니다. 제 주소로 검색어를 넣으면 협찬을 걷어낸 목록이 나오는 거요. 그런데 따져 보니 걸리는 게 많아 보였어요. 네이버가 주는 목록을 제 힘으로 다시 만들어야 하고, 검색 한 번에 글이 서른 개씩 붙는 요청이 전부 서버 한 곳에서 나가고, 그러면 서버 비용도 듭니다. 혼자 취미로 굴릴 물건인데 무겁다고 봤어요.

그래서 브라우저 확장으로 접었습니다. 목록은 네이버가 이미 그려 주고 있으니 그 위에 판정만 얹으면 되고, 요청도 각 사용자의 브라우저가 자기 몫만 자기 IP 로 쏩니다. 서버가 아예 없으니 비용이 0 이고요. 제일 적은 노력으로 "이게 쓸모가 있긴 한가"를 확인할 수 있는 모양이었어요.

DOM 도 chrome.* 도 모르는 순수 함수로 core/ 를 만들었습니다. 브라우저를 안 띄우고도 픽스처 몇 개로 결과가 뒤집히는지 바로 볼 수 있어서였는데, 나중에 이 결정이 훨씬 크게 값을 했어요. 사이트를 만들 때 판정 쪽은 손댈 게 하나도 없었거든요.

처음엔 본문을 LLM 에 던지면 제일 정확하겠다 싶었는데, 검색 결과 한 페이지가 서른 개고 스크롤할 때마다 늘어나니까 호출 수가 감당이 안 되겠더라고요. 사용자가 자기 API 키를 넣게 하는 것도 이상하고요.

그래서 사전 기반으로 갔습니다. 체험단 플랫폼 이름과 공정위 표기 문구를 JSON 으로 모으고, 감성·솔직함·구체성·광고성 사전을 따로 뒀어요. 여기에 긍정어 도배 지수를 얹어서, 단점이 한 줄도 없이 칭찬만 가득한 글도 잡아 보려고 했습니다.

키워드 매칭은 회피가 쉬워서 매칭 전에 정규화를 넣었어요. zero-width 문자를 지우고, 분리된 자모를 털고, 공백을 다 없앤 압축본으로 비교합니다. 소 정 의 원 고 료 처럼 띄어 놓거나 글자 사이에 안 보이는 문자를 끼워 넣어도 걸리게요.

검색 결과 카드에는 제목과 요약 두어 줄뿐이라 협찬 표기가 안 들어 있어요. 표기는 늘 글 맨 아래에 있고요. 결국 카드마다 본문을 미리 가져와야 했는데, 이게 컨텍스트 문제로 번졌습니다(→ 시행착오).

가져오는 게 되고 나서는 크롤러처럼 안 보이게 만드는 데 신경을 썼어요. 뷰포트에 곧 들어올 카드만, 동시 3건까지, 요청 사이 최소 간격에 랜덤 지터를 얹고 결과는 캐시합니다. 이 값들은 전부 config.ts 한 곳에 모아 뒀어요.

텍스트 매칭이 돌기 시작하니까 곧바로 빈틈이 보였습니다. 표기를 이미지 배너로 넣으면 본문 텍스트에는 아무것도 안 남아요. 처음엔 배너 이미지의 지문(dHash)을 떠서 대조하려고 했는데, 대조할 DB 를 제가 직접 모아야 한다는 데서 막혔습니다(→ 시행착오).

대신 배너 이미지의 출처 도메인을 봤어요. 체험단 업체는 자기 도메인에 배너를 호스팅하니까, reviewnote.cloud 가 이미지 주소에 들어 있으면 그것만으로 확정에 가깝습니다. 네이버 이미지 프록시로 감싸인 경우도 있어서 URL 을 디코드한 뒤 안쪽까지 훑게 했고요.

나중에 실제 글 475건을 모아 재 봤는데, 텍스트로 걸린 게 24건인데 도메인으로 걸린 게 149건이었습니다. 사전을 키우는 것보다 업체 도메인을 채우는 게 훨씬 남는 장사였어요.

같은 맥락에서 해시태그도 따로 긁습니다. #협찬 을 본문 밖 태그 영역에만 달아 두는 글이 있는데, 본문 컨테이너만 보면 통째로 놓쳐요.

100점에서 감점·가점해 세 등급을 매기는 채점기를 공들여 만들어 뒀는데, 표본 475건으로 실측해 보니 점수만으로 걸린 글이 0건이었습니다(→ 시행착오). 걸린 160건은 전부 업체 도메인이나 명시 표기 같은 확정 신호였어요.

그래서 밖으로 나가는 건 예/아니오 하나로 줄였습니다. 신뢰도 점수도, 협찬 의심 등급도 없앴어요. 100점 만점의 기준을 사용자가 알 길이 없으니 숫자가 판단에 도움이 안 되고, 노랑 등급은 애초에 비어 있었으니까요.

대신 놓치는 쪽을 명시했습니다. 표본에서 외부 도메인이 아예 없는 글이 198건인데, 배너를 자기 블로그에 다시 올리면 출처가 지워져 원천적으로 못 잡아요. 그래서 화면 아래에 "표시가 없다고 협찬이 아닌 것은 아닙니다"를 붙였습니다.

확장앱은 제가 쓰기엔 편한데, 남에게 권할 물건이 아니었습니다. 스토어에 들어가서 설치하고 권한을 허용해야 비로소 시작이고, 무엇보다 맛집은 밖에서 찾는데 모바일 크롬은 확장을 아예 지원하지 않아요. 링크 하나 보내면 바로 열리는 물건이어야 했습니다.

그래서 1번에서 접어 뒀던 검색 사이트를 다시 꺼냈는데, 막상 손대 보니 제약이라고 생각했던 게 대부분 착각이었어요. 목록을 제가 만들어야 한다고 여겼던 게 제일 컸는데, 네이버 검색 결과가 서버 HTML 에 30건씩 그대로 담겨 옵니다. API 키도 인증도 없이 주소 하나로 받아서 파싱하면 끝이었어요. 요청량 걱정도 판정 결과를 캐시하면 같은 검색어는 한 번만 읽으면 되니 생각만큼 크지 않았고요.

남은 일도 적었습니다. 판정 엔진이 DOM 을 모르는 순수 함수라 그대로 옮겨 갔고, 오프스크린 문서가 하던 fetch → 파싱 → 판정 을 서버에서 하는 것도 같은 모양이었어요. 새로 짠 건 검색 결과 목록을 뽑는 파서 하나입니다.

화면은 최대한 덜어냈습니다. 홈은 검색창 하나, 결과는 네이버 목록과 같은 모양에 협찬 표시만 얹었어요. 깨끗한 글에는 아무것도 안 붙입니다 — 표시는 할 말이 있을 때만 나오는 게 맞으니까요.