Skip to content

Conversation

Seungwoo321
Copy link
Owner

개요

preventCollision 옵션의 동작을 React Grid Layout의 원본 동작과 일치하도록 수정하고, 상세한 문서를 추가했습니다.

변경사항

1. 기능 수정

  • 이전: preventCollision=true일 때 static 아이템과의 충돌만 방지
  • 이후: preventCollision=true일 때 모든 아이템(static + 일반)과의 충돌 방지
  • 파일: src/components/GridContainer.tsx (226-232줄)

2. 문서 추가

  • PREVENT_COLLISION_GUIDE.md: preventCollision 옵션의 상세 가이드
    • 옵션 동작 방식 설명
    • 사용 시나리오 및 예제
    • 구현 상세 및 성능 고려사항
    • 문제 해결 가이드

3. Storybook 데모 추가

  • stories/PreventCollision.stories.tsx: 시각적 동작 확인용 데모
    • preventCollision=true/false 비교
    • 나란히 비교 데모

테스트

  • ✅ 모든 기존 테스트 통과
  • ✅ 테스트 커버리지 100% 유지
  • ✅ Storybook에서 동작 확인

참고사항

  • React Grid Layout의 원본 동작과 일치하도록 수정
  • 기존 API와 완전 호환
  • 마이그레이션 필요 없음

🤖 Generated with Claude Code

- preventCollision=true일 때 모든 아이템과의 충돌 방지하도록 수정
- 기존: static 아이템과의 충돌만 방지
- 수정: 모든 아이템(static + 일반)과의 충돌 방지
- React Grid Layout의 원본 동작과 일치하도록 개선
- 상세 가이드 문서 추가
- Storybook 데모 추가로 시각적 확인 가능

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
Copy link

vercel bot commented Jul 11, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
tailwind-grid-layout ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 11, 2025 1:58am

- 충돌 처리 옵션을 실시간으로 테스트할 수 있는 섹션 추가
- preventCollision과 allowOverlap 토글 기능
- 각 옵션의 동작 설명과 시각적 피드백
- import 경로를 alias로 변경

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant