UNICLEAN · Board Filter Perf Lab

시공사례 3축 필터 성능 테스트 랩

이 페이지는 "시공사례 게시물이 늘어도 평형·공사범위·지역 3축 필터가 빠른가"를 PM이 직접 눈과 숫자로 검증하기 위한 시뮬레이션입니다. 실제 유니크린하우징 시공사례 게시판과 동일한 아임웹 .list-style-card DOM 구조를 그대로 복제한 가짜 게시물 200건으로 두 가지 구현 방식을 나란히 재현합니다.

방식 A — 첫줄 파싱 + 인메모리 필터 (채택안) 게시물 본문 첫 줄에 "평형 | 공사범위 | 지역 | 요약"을 정형 텍스트로 적어두면, 아임웹 카드게시판이 이미 목록 HTML에 포함시키는 본문 첫 100자 안에서 이 정보를 그대로 읽어올 수 있습니다. 그래서 게시물 상세 페이지를 단 1건도 열지 않고 (fetch 0회) 목록 DOM만 한 번 파싱해서 필터를 메모리 위에서 즉시 적용합니다.
방식 B — 게시물별 상세 fetch (구방식, 비교용) 필터에 필요한 정보가 목록에 없다고 가정하고, 게시물마다 상세 페이지를 열어 메타데이터를 확인하는 예전 방식을 재현합니다. 책글사람 프로젝트 실측(상세 4건 = 6초)을 근거로, 아임웹 상세 페이지의 실제 응답 지연을 "서버 보정 지연" 옵션으로 더해 체감 속도를 재현합니다.
게시물 수
방식
아임웹 서버 보정 지연 (방식 B에만 적용)
실제 아임웹 상세 페이지 TTFB 보정 — 책글사람 실측 4건=6초 근거
–
천호동 10평 올수리
10평 | 올수리 | 천호 | 20년 된 구축 아파트 전체 리모델링 천호동 10평 올수리 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 올수리 공정을 진행했으며, 천호 지역…
암사동 11평 올수리
11평 | 올수리 | 암사 | 노후 배관·전기 전면 교체 후 재시공 암사동 11평 올수리 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 올수리 공정을 진행했으며, 암사 지역…
성내동 12평 올수리
12평 | 올수리 | 성내 | 올수리로 신축급 컨디션 완성 성내동 12평 올수리 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 올수리 공정을 진행했으며, 성내 지역 고객님의…
길동동 13평 올수리
13평 | 올수리 | 길동 | 20년 된 구축 아파트 전체 리모델링 길동동 13평 올수리 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 올수리 공정을 진행했으며, 길동 지역…
고덕동 14평 올수리
14평 | 올수리 | 고덕 | 노후 배관·전기 전면 교체 후 재시공 고덕동 14평 올수리 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 올수리 공정을 진행했으며, 고덕 지역…
명일동 15평 올수리
15평 | 올수리 | 명일 | 올수리로 신축급 컨디션 완성 명일동 15평 올수리 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 올수리 공정을 진행했으며, 명일 지역 고객님의…
둔촌동 16평 올수리
16평 | 올수리 | 둔촌 | 20년 된 구축 아파트 전체 리모델링 둔촌동 16평 올수리 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 올수리 공정을 진행했으며, 둔촌 지역…
송파동 17평 올수리
17평 | 올수리 | 송파 | 노후 배관·전기 전면 교체 후 재시공 송파동 17평 올수리 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 올수리 공정을 진행했으며, 송파 지역…
하남동 18평 올수리
18평 | 올수리 | 하남 | 올수리로 신축급 컨디션 완성 하남동 18평 올수리 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 올수리 공정을 진행했으며, 하남 지역 고객님의…
천호동 19평 부분시공
19평 | 부분시공 | 천호 | 거실·방 2개만 선별 시공 천호동 19평 부분시공 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 부분시공 공정을 진행했으며, 천호 지역 고객…
암사동 10평 부분시공
10평 | 부분시공 | 암사 | 입주 전 필요 구간만 부분 보수 암사동 10평 부분시공 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 부분시공 공정을 진행했으며, 암사 지역…
성내동 11평 부분시공
11평 | 부분시공 | 성내 | 예산 맞춤 부분 시공 사례 성내동 11평 부분시공 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 부분시공 공정을 진행했으며, 성내 지역 고객…
길동동 12평 부분시공
12평 | 부분시공 | 길동 | 거실·방 2개만 선별 시공 길동동 12평 부분시공 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 부분시공 공정을 진행했으며, 길동 지역 고객…
고덕동 13평 부분시공
13평 | 부분시공 | 고덕 | 입주 전 필요 구간만 부분 보수 고덕동 13평 부분시공 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 부분시공 공정을 진행했으며, 고덕 지역…
명일동 14평 부분시공
14평 | 부분시공 | 명일 | 예산 맞춤 부분 시공 사례 명일동 14평 부분시공 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 부분시공 공정을 진행했으며, 명일 지역 고객…
둔촌동 15평 부분시공
15평 | 부분시공 | 둔촌 | 거실·방 2개만 선별 시공 둔촌동 15평 부분시공 시공 사례입니다. 시공 전 꼼꼼한 실측과 상담을 거쳐 부분시공 공정을 진행했으며, 둔촌 지역 고객…

이 랩은 검증용 시뮬레이션입니다. 썸네일 이미지는 ../04-design/images/ 스톡을 ./images/ 상대경로로 참조하도록 만들어져 있으며, 실제 배포 시 이 폴더에 이미지가 복사되기 전까지는 썸네일이 깨져 보이는 것이 정상입니다(필터·파싱 성능과는 무관). 로컬 검증은 반드시 python3 -m http.server 등으로 서빙한 상태에서 진행하세요 — file:// 프로토콜은 fetch()가 CORS로 막혀 방식 A/B 모두 작동하지 않습니다.