Hyo814`s Blog https://hyo814-blog.vercel.app/blog 풀스택 개발자 임효진의 기술 블로그 — 프로젝트 회고, 프런트엔드·백엔드 학습 기록을 정리합니다. ko ggamjge8888@naver.com (Hyo814) ggamjge8888@naver.com (Hyo814) Sun, 19 Apr 2026 00:00:00 GMT https://hyo814-blog.vercel.app/blog/asn1-트리-렌더링-graphviz에서-d3로 ASN.1 트리 렌더링을 graphviz PNG에서 D3.js로 갈아탄 이유 https://hyo814-blog.vercel.app/blog/asn1-트리-렌더링-graphviz에서-d3로 서버에서 graphviz로 PNG를 그려 내려주던 ASN.1 트리를 D3.js 기반 Collapsible Tree로 전환한 과정과 그 이유를 정리합니다. 서버 의존성 제거, 인터랙션, JSON 스키마 설계까지. Sun, 19 Apr 2026 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트시각화 https://hyo814-blog.vercel.app/blog/d3-공용-줌-컨트롤-외부화-회고 여러 D3 그래프에 흩어진 줌 로직을 d3ZoomControls.js로 외부화한 회고 https://hyo814-blog.vercel.app/blog/d3-공용-줌-컨트롤-외부화-회고 데이터 관계도·워드클라우드·트리맵마다 복붙돼 있던 줌 설정을 공용 모듈 d3ZoomControls.js로 추출하고, 확대/축소/맞춤 버튼과 "최초 1회 fit-to-view"를 표준화한 작업입니다. SVG가 100% 크기일 때 뷰포트 크기를 어떻게 구하느냐가 핵심 함정이었어요. Fri, 12 Jun 2026 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트시각화 https://hyo814-blog.vercel.app/blog/django-프로젝트에-d3-시각화-붙이기 Django 프로젝트에 D3.js 시각화 붙이기 — 워드클라우드, 히트맵, 데이터 맵 https://hyo814-blog.vercel.app/blog/django-프로젝트에-d3-시각화-붙이기 jQuery 기반 Django 프로젝트에 D3.js 시각화를 도입한 경험을 정리합니다. 공통 그래프 유틸 설계, 실데이터 부재 시 샘플 폴백, 줌/중앙정렬 개선 포인트를 다룹니다. Sat, 18 Apr 2026 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트시각화 https://hyo814-blog.vercel.app/blog/관계도-연쇄-탐색과-땅콩-모양-노드-겹침 노드 두 개가 땅콩처럼 붙었다 — 연쇄 탐색 관계도와 forceCenter https://hyo814-blog.vercel.app/blog/관계도-연쇄-탐색과-땅콩-모양-노드-겹침 클래스 3개짜리 화면이 18개 노드로 그려지던 관계도를, 백엔드를 안 건드리고 중심 이동 탐색으로 바꿨습니다. 배치를 힘 시뮬레이션에서 고정 방사 좌표로 뺐더니 이번엔 노드 두 개가 땅콩처럼 붙었어요. 범인은 forceCenter였고, 고정 노드가 있는 그래프에서 왜 그게 겹침을 만드는지 정리했습니다. Thu, 23 Jul 2026 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트시각화 https://hyo814-blog.vercel.app/blog/워드클라우드를-검색어-빈도로-개편 아무도 안 묻는 질문에 답하던 화면 — 워드클라우드를 검색어 빈도로 https://hyo814-blog.vercel.app/blog/워드클라우드를-검색어-빈도로-개편 ASN.1 노드 단어를 세어 서버에서 PNG로 그려주던 워드클라우드를, 통합검색 검색어를 세어 클라이언트에서 그리는 화면으로 바꿨습니다. 화면의 성격을 "무엇이 등록됐나"에서 "무엇을 찾았나"로 옮긴 결정과, 같은 집계를 두 군데 두는 바람에 같은 검색어가 화면마다 다른 비율로 보이게 된 이야기입니다. Tue, 21 Jul 2026 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트시각화 https://hyo814-blog.vercel.app/blog/표준데이터-통계-대시보드-개수에서-인사이트로-회고 표준데이터 통계 대시보드를 "개수"에서 "유지관리 인사이트"로 재정의한 회고 https://hyo814-blog.vercel.app/blog/표준데이터-통계-대시보드-개수에서-인사이트로-회고 총 등록 수·상태 분포만 보여주던 통계 대시보드를, 생애주기·완성도·최근 업데이트·인기 항목 중심으로 다시 짠 작업입니다. "ACT 개수"가 아니라 "완성형(고품질) 데이터가 얼마나 되나"를 묻도록 지표를 바꾼 이야기예요. Sat, 06 Jun 2026 00:00:00 GMT ggamjge8888@naver.com (Hyo814) 기술노트시각화