⚡ Bolt: [성능 개선] DocumentFragment를 이용한 렌더링 최적화

[seonghobae]

반복적인 DOM 렌더링 시에 DocumentFragment를 사용하여 일괄 처리를 하도록 최적화했습니다.

---

PR created automatically by Jules for task 9162462133935061581 started by @seonghobae

Summary by CodeRabbit

• 성능 개선
  • 기록 목록을 표시할 때 여러 항목을 모아 한 번에 화면에 추가하도록 변경했습니다. 기록이 많은 경우 목록 렌더링 중 발생하는 화면 업데이트 횟수가 줄어듭니다.

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[coderabbitai]

Navigate logical layers of code changes, visualize relationships, and explore their blast radius.

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: 975219df-8543-4b93-80b1-9ef87b0e3125

📥 Commits

Reviewing files that changed from the base of the PR and between 06633a2 and 936d169.

📒 Files selected for processing (5)

• .jules/bolt.md
• src/main/resources/static/assets/viewer/demo.js
• src/test/js/demo-integration.test.mjs
• src/test/js/dom-utils.test.mjs
• src/test/js/mock-dom.mjs

Included review availability: This review used your included allowance. Your plan provides up to 1 included review per hour; 0 remain after this review.

---

📝 Walkthrough

Walkthrough

renderHistory는 이력 행을 DocumentFragment에 모은 뒤 이력 본문에 한 번 추가합니다. 테스트용 DOM 목은 DocumentFragment 생성과 삽입 동작을 지원합니다.

Changes

이력 목록 렌더링

Layer / File(s)	Summary
DocumentFragment를 이용한 이력 행 렌더링 src/main/resources/static/assets/viewer/demo.js, .jules/bolt.md	renderHistory가 각 행을 fragment에 추가한 뒤 이력 본문에 한 번 삽입합니다. 반복 중 fragment를 사용하도록 렌더링 지침을 추가했습니다.
테스트용 DOM fragment 지원 src/test/js/mock-dom.mjs, src/test/js/demo-integration.test.mjs, src/test/js/dom-utils.test.mjs	MockDocumentFragment를 추가하고, MockElement의 appendChild와 append가 fragment 자식을 펼쳐 추가하도록 변경했습니다. 관련 테스트 문서 목에 createDocumentFragment()를 추가했습니다.

Priority: ⬇️ Low

Estimated code review effort: 2 (Simple) | ~8 minutes

Change: Refactor

Merge Risk: ⚪ Minimal · up to 6e101

No actionable merge-blocking risk is identified; the change is ready to merge after normal checks.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 1 functions across 4 files. (1 skipped: 1 …	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	PR 제목은 DocumentFragment를 사용한 렌더링 성능 최적화라는 주요 변경 사항을 정확하고 간결하게 설명합니다.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

Full details: Docstring Coverage

Explanation

Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 1 functions across 4 files. (1 skipped: 1 unsupported.)

✨ Finishing Touches 💡 1

📝 Generate docstrings 💡

• Commit to this branch
• Create a new PR

🧪 Generate unit tests (beta)

• Commit to this branch
• Create a new PR

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}