VIEWER-129 / Renewal useViewport hook migration

[LTakhyunKim]

📝 Description

INSIGHT Viewer Library docs 에 Renewal useViewport hook 을 적용했습니다.

✔️ PR Type

What kind of change does this PR introduce?

• [ ] Bugfix
• [x] Feature
• [ ] Code style update (formatting, local variables)
• [ ] Refactoring (no functional changes, no api changes)
• [ ] Chore (non-breaking change which does not affect codebase; Build related changes, version modification, etc.)
• [ ] CI related changes
• [ ] Test Case
• [ ] Performance optimization
• [x] Site/documentation update
• [ ] Other... Please describe:

🎯 Current behavior

구버전 useViewport hook 이 적용되어 있습니다.

Issue Number: https://lunit.atlassian.net/browse/VIEWER-129

🚀 New behavior

Renewal useViewport hook 을 INSIGHT Viewer Library docs 에 적용했습니다.

Renewal useViewport hook 에 multi image(frame) 을 대응하기 위해서 이미지가 변경되어도 image imageSeriesKey 를 이용하여 이전 Viewport 를 유지하는 기능을 구현했습니다. ef2fc12

<추가 설명> useMultipleImages hook 으로 multi frame 이미지를 핸들링합니다. 해당 hook 에서 같은 시리즈에 대한 image 에 동일한 imageSeriesKey 를 부여합니다. 위 방식을 useViewport hook 에 적용하여 변경된 이미지가 동일한 key 를 가지고 있을 경우 viewport reset 을 하지 않고 early return 하여 이전 viewport 를 유지하는 방식입니다.

💣 Is this a breaking change?

• [ ] Yes
• [x] No

해당 PR 은 docs 만 변경된 내용이므로 breaking change 는 아닙니다.

[github-actions[bot]]

preview: https://insight-viewer--pr-383.f.lunit.io/

@lunit/insight-viewer docs

[LTakhyunKim]

해당 PR 을 통해 Viewport 유지, 리셋에 대한 대응도 적용된 상태입니다. 더불어 multi frame 에 대한 대응도 useViewport hook 내 로직을 추가한 상태이므로 이 부분도 함께 확인 부탁드립니다.