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

[week 11] 이현승 #351

Conversation

waterkail
Copy link
Collaborator

요구사항

기본

  • 케밥 버튼을 누르면 팝오버가 보이게 해주세요.
  • 링크를 입력하고 “추가하기” 버튼을 누르면 “폴더에 추가” 모달이 뜨게 해주세요.
  • 폴더에 있는 버튼 “폴더 추가”, “공유”, “이름 변경”, “삭제”
팝오버에 있는 버튼 “삭제하기”, “폴더에 추가”
클릭시 해당하는 모달이 뜨게 해주세요.
  • 링크복사 버튼 클릭시 공유용 링크를 클립보드에 복사되게 해주세요.
  • 카카오톡, 페이스북 버튼 클릭시 “{호스트 주소}/shared/{currrentFolderId}”로 접속 가능한 주소를 SNS 공유 가능하게 해주세요.
  • 모달에 흐림 효과는 #000000 색상에 opacity 0.4로 설정해 주세요.
  • 모달은 화면의 수평, 수직 가운데로 배치해 주세요.

심화

없음

주요 변경사항

스크린샷

캡처2

캡처1

멘토에게

  • 시간이 부족하여 부족한 점이 많을 수 있습니다 양해 부탁드립니다.

@waterkail waterkail requested a review from 13akstjq April 26, 2024 03:55
@waterkail waterkail self-assigned this Apr 26, 2024
@waterkail waterkail added the 순한맛🐑 마음이 많이 여립니다.. label Apr 26, 2024
}, []);

return (
<Modal>
Copy link
Collaborator

Choose a reason for hiding this comment

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

Modal 컴포넌트를 만들어서 children으로 컨텐츠를 받아서 작업하신 것 잘하셨습니다!

{deleteFolder && (
<ModalDeleteFolder info={selectedFolder?.name} onClick={handleDel} />
)}
{nameChange && <ModalEdit onClick={handleChange} />}
Copy link
Collaborator

Choose a reason for hiding this comment

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

onClick props 보다는 onCloseButtonClick 이 더 명확할 것 같습니다~!

`;

const ModalFrame = ({ children, name, onClick }) => {
useEffect(() => {
Copy link
Collaborator

Choose a reason for hiding this comment

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

스크롤 유지한채로 스크롤 잘 막아주셨네요!👍

const [selectedFolder, setSelectedFolder] = useState(null);

const selectFolder = (e) => {
const folderId = Number(e.target.name);
Copy link
Collaborator

Choose a reason for hiding this comment

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

typeof 를 통해서도 처리할 수 있을 것 같습니다~!

@13akstjq 13akstjq merged commit 5882acc into codeit-bootcamp-frontend:part2-이현승 Apr 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
순한맛🐑 마음이 많이 여립니다..
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants