Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

공통 컴포넌트: Modal #42

Merged
merged 11 commits into from
Jan 7, 2024
Merged

공통 컴포넌트: Modal #42

merged 11 commits into from
Jan 7, 2024

Conversation

bottlewook
Copy link
Collaborator

해당 사항 (중복 선택)

  • FEAT : 새로운 기능 추가 및 개선
  • TEST : 테스트 추가 및 리팩토링
  • FIX : 버그 수정
  • REFACTOR : 결과의 변경 없이 코드의 구조를 재조정
  • STYLE : 코드 스타일에 관련된 변경 사항
  • DOCS : 코드가 아닌 문서를 수정한 경우
  • REMOVE : 파일을 삭제하는 작업만 수행
  • RENAME : 파일 또는 폴더명을 수정하거나 위치(경로)를 변경
  • CHORE : 패키지 매니저 설정, 코드 수정 없이 설정 변경(eslint) 등 기타 사항

설명

Key Changes

  1. Modal 컴포넌트 제작
  2. Modal 스토리북 제작
  3. useOutsideClick 커스텀 훅 제작
  4. Dimmed 컴포넌트 제작

How it Works

To Reviewers

@bottlewook bottlewook added ✨ Feature 기능 개발 ✅ Test test 관련(storybook, jest...) labels Jan 6, 2024
@bottlewook bottlewook self-assigned this Jan 6, 2024
@bottlewook bottlewook linked an issue Jan 6, 2024 that may be closed by this pull request
3 tasks
Copy link

vercel bot commented Jan 6, 2024

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

Name Status Preview Comments Updated (UTC)
f1-wash-pedia-fe ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 6, 2024 6:27pm


return (
<Dimmed>
<div className={cx('container')} ref={modalRef}>
Copy link
Collaborator

Choose a reason for hiding this comment

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

시맨틱 태그를 위해서 모달 컨텐츠는 article태그나 dialog태그는 어떤가요??

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

레퍼런스 많이 찾아봤는데 div 태그를 많이 사용하시길래 저도 div로 작성했어요

Copy link
Collaborator

Choose a reason for hiding this comment

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

아하 알겠습니다

Copy link
Collaborator

@seoye0ng seoye0ng left a comment

Choose a reason for hiding this comment

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

모달 컴포넌트 고생하셨습니다!

Copy link
Collaborator

@seoye0ng seoye0ng left a comment

Choose a reason for hiding this comment

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

확인했습니다!

@bottlewook bottlewook merged commit 17a5f07 into develop Jan 7, 2024
4 checks passed
@bottlewook bottlewook deleted the common-component-modal branch January 7, 2024 01:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Feature 기능 개발 ✅ Test test 관련(storybook, jest...)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

공통 컴포넌트: Modal
2 participants