Skip to content

[Feat] 좌석 컴포넌트 구현#27

Merged
dalzzy merged 12 commits intodevelopfrom
feat/#22/좌석-컴포넌트-구현
Jul 29, 2025

Hidden character warning

The head ref may contain hidden characters: "feat/#22/\uc88c\uc11d-\ucef4\ud3ec\ub10c\ud2b8-\uad6c\ud604"
Merged

[Feat] 좌석 컴포넌트 구현#27
dalzzy merged 12 commits intodevelopfrom
feat/#22/좌석-컴포넌트-구현

Conversation

@dalzzy
Copy link
Copy Markdown
Member

@dalzzy dalzzy commented Jul 27, 2025

🔍 관련된 이슈

📝 작업 내용

  • 개별 좌석 컴포넌트 구현
  • 좌석 배치도 모달 구현
  • 스크린 컴포넌트 구현

📸 스크린샷

/seat 페이지는 모달 테스트를 위해 구현했고, 개별 좌석 클릭 시 /seat/review/:seatId 로 이동하도록 구현했습니당

2025-07-27.8.39.04.mov

🚨 이슈

  • 모달이 열리면 모달 배경색과 뒷배경의 색상이 구분되지 않는 문제
  • <Modal/>이 라우터 바깥에 있어서 useNavigate를 쓰지 못하는 문제
    가 있는데 다음 이슈에서 헤더, 모달 컴포넌트 리팩토링을 진행한뒤 해결하도록 하겠습니다,,,

📣 리뷰 요구사항

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성

상영관 좌석 배치도를 목데이터로 생성해서 임시로 구현했기 때문에 좌석이 실제 배치도랑은,, 좀 다르게 생겼습니당..
api 연결 후 실제 좌석배치도를 받아왔을 때 수정할 부분이 있다면 수정하겠습니다!!

✅ 체크리스트

  • 코드가 정상적으로 컴파일되나요?
  • merge할 브랜치의 위치를 확인했나요?
  • Label을 지정했나요?
  • 리뷰어를 지정했나요?

@dalzzy dalzzy self-assigned this Jul 27, 2025
@dalzzy dalzzy added the 🎨Style 스타일 추가 및 수정 label Jul 27, 2025
@dalzzy dalzzy linked an issue Jul 27, 2025 that may be closed by this pull request
3 tasks
@dalzzy dalzzy added the ✨Feature 새로운 기능 추가 label Jul 27, 2025
@dalzzy dalzzy changed the title [Feat]: 좌석 컴포넌트 구현 [Feat] 좌석 컴포넌트 구현 Jul 27, 2025
@dalzzy dalzzy mentioned this pull request Jul 27, 2025
4 tasks
Copy link
Copy Markdown
Collaborator

@sispo3314 sispo3314 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

seat, seatItemProps, ModalPropsMap 등으로 타입 정리가 잘 되어있어서 전체 구조가 명확하게 보이는 것 같습니다!! 코드 가독성도 좋고 분리도 잘 되어있어서 보기 편한 것 같아요 😭 수고하셨습니다!!

const inner = innerRef.current;
if (container && inner) {
const scrollX = (inner.scrollWidth - container.clientWidth) / 2;
container.scrollTo({ left: scrollX });
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 부분은 처음 모달 열 때 항상 맵이 가운데에 위치하게 하는 로직인가요?? 너무 좋은 UX 처리인 것 같습니다 👍👍

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

맞습니당!! 감사함니다 ㅎㅎ

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

좌석 색상 판단 로직 이렇게 분리해두신 거 좋은 것 같아요!! 전 어떻게 나눠야 할지 헷갈려서 항상 컴포넌트에 몰아썼는데 이렇게 할 수 있군요...😭 덕분에 가독성이 좋아지는 것 같습니다👏👏

Copy link
Copy Markdown
Collaborator

@eileen4505 eileen4505 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

전체적으로 구조와 설계가 너무 깔끔해서 리뷰하며 감탄했어요 👏
UI/UX, 타입, 상태 관리까지 모두 신경 써주신 점 인상 깊었습니다.
고생 많으셨어요! 다음 작업도 기대됩니다 🙌

Copy link
Copy Markdown
Collaborator

@soyun-git121 soyun-git121 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

컴포넌트안에 파일들 잘 나눠져있어서 코드들이 깔끔하고 읽기너무 좋았어요!! 고생하셨습니당

@dalzzy dalzzy merged commit 6ef5435 into develop Jul 29, 2025
1 check passed
@dalzzy dalzzy deleted the feat/#22/좌석-컴포넌트-구현 branch August 8, 2025 15:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✨Feature 새로운 기능 추가 🎨Style 스타일 추가 및 수정

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feat] #22 좌석 컴포넌트 구현

4 participants