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

[Feat/#32] 폴더리스트 페이지 기능 구현 #44

Merged
merged 8 commits into from
Jun 6, 2020
Merged

Conversation

soyoungjeong
Copy link
Member

@soyoungjeong soyoungjeong commented Jun 5, 2020

#32

  1. 현재 서버가 없으므로 데이터베이스 대신에 mock 데이터를 만들고
    이 정보를 불러와서 폴더를 로딩하도록 구현.
    -> 후에 비동기로 정보를 불러오도록 수정해야함.
  2. header의 isSelecting에 대한 정보를 각 페이지로 이동.
  3. 폴더 선택 기능 구현.
    -> 선택 후의 기능에 대해서는 구현 예정.

임시 데이터를 만들고 그 정보에 맞게 폴더라 로딩되도록 구현.
header의 선택 버튼이 활성화 되어 있는지 page와 공유되어야해서
각 페이지에 정의하도록 이동.
Copy link
Collaborator

@sewonkimm sewonkimm left a comment

Choose a reason for hiding this comment

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

수고하셨습니다👍
코드 보면서 몇 가지 궁금한 점 리뷰로 남겼습니다.
추가로 header에서 select버튼을 해제하고 나면 선택한 폴더도 선택 취소 될 수 있도록 하는 설정이 필요할 것 같아요!

return (
<>
<header className={styles.header}>
<div className={styles.home_btn_div}>
<button className={styles.home_btn} type="button" />
<button className={styles.home_btn} type="button">
''
Copy link
Collaborator

Choose a reason for hiding this comment

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

아이콘 내부에 ' ' 글자가 표시됩니다 오타인가요?

onClick={handleSelectBtnClick}
/>
>
''
Copy link
Collaborator

Choose a reason for hiding this comment

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

이것도...!

Comment on lines +47 to +49
{hasSaveBtn && <input type="button" className={styles.save_btn} />}
{hasLogoutBtn && <input type="button" className={styles.logout_btn} />}
{hasBackBtn && <input type="button" className={styles.back_btn} />}
Copy link
Collaborator

Choose a reason for hiding this comment

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

button에서 input type="button"으로 바꾸신 이유가 있나요?

app/src/components/Header/index.tsx Outdated Show resolved Hide resolved
@soyoungjeong
Copy link
Member Author

@sewonkimm
위에 질문들이 일맥상통하게 한 번에 답변 드릴 수 있을 것 같아서 하나로 남깁니다! 저희 eslint상에 button태그에 innerHTML을 쓰지 않으면 warning이 생겨서 button으로 남겨둔 것들은 warning을 제거해 본 것이고 코드상 input 을 쓰는 것이 더 깔끔할 것 같아서 일부 수정했는데 input으로 다 통일 하는 것이 좋을 것 같네요!! 수정하겠습니다ㅎㅎ

header의 button이 button태그와 input태그가 혼용되고 있어 통일.
선택된 폴더의 개수가 메뉴 활성화에 영향을 미치므로 컴포넌트 위치
header에서 페이지로 이동.
@sewonkimm sewonkimm self-requested a review June 6, 2020 13:11
@sewonkimm
Copy link
Collaborator

image

@sewonkimm sewonkimm merged commit 5c655cb into develop Jun 6, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants