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

[ Login ] 로그인 뷰 구현 #44

Merged
merged 14 commits into from
Jul 14, 2022
Merged

[ Login ] 로그인 뷰 구현 #44

merged 14 commits into from
Jul 14, 2022

Conversation

joohaem
Copy link
Member

@joohaem joohaem commented Jul 14, 2022

  • 브랜치명, 브랜치 알맞게 설정
  • Reviewer, Assignees, Label, Milestone, Issue(PR 작성 후에) 붙이기
  • PR이 승인된 경우 해당 브랜치는 삭제하기

📌 내용

  • 1시간 반 UI 제작
  • errorMessage state 로 통해 이메일, 비밀번호 다를 때에 메시지를 나타냅니다

📌 내가 알게 된 부분

  • 에러메시지를 띄울 때 아래 레이아웃이 그만큼 내려간다
    --> UX 적으로 디자인팀에서 합의한 내용

📸 스크린샷

image

@joohaem joohaem added this to the 🔥 Demo Day 🔥 milestone Jul 14, 2022
@joohaem joohaem self-assigned this Jul 14, 2022
@joohaem joohaem linked an issue Jul 14, 2022 that may be closed by this pull request
6 tasks
Copy link
Contributor

@henization henization left a comment

Choose a reason for hiding this comment

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

시멘틱 이주함 선생

@@ -1,5 +1,9 @@
import { St } from "./style";

export default function CTABtn() {
return <St.Button to="/category">대화주제 추천 바로가기</St.Button>;
return (
<St.Button role="button" to="/category">
Copy link
Contributor

Choose a reason for hiding this comment

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

왜 type이 아니라 role이죠 ??

Copy link
Member Author

Choose a reason for hiding this comment

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

button 태그가 아니라 Link 태그의 요소이고, 스크린리더에서 읽히는 role 을 명시하기 위해 추가하였습니다!

Comment on lines 7 to 9
/* width: 36rem;
height: 100vh; */

Copy link
Contributor

Choose a reason for hiding this comment

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

주석 지워주시와유

Comment on lines 15 to 25
// return (
// <St.HeaderWrapper>
// <Link to="/">
// <IcLogo aria-label="피클" />
// </Link>
// <St.HamburgerContainer isClicked={isOpened}>
// <IcHamburger aria-label="메뉴" onClick={handleModal} />
// </St.HamburgerContainer>
// </St.HeaderWrapper>
// );

Copy link
Contributor

Choose a reason for hiding this comment

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

😎

// );

useEffect(() => {
console.log(isOpened);
Copy link
Contributor

Choose a reason for hiding this comment

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

콘솔로그도 지워줘도 되지 않나용 ?~?

@joohaem joohaem merged commit 78ee8da into develop Jul 14, 2022
@joohaem joohaem deleted the feat/#41-login branch July 14, 2022 15:05
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.

[ Login ] 로그인 페이지 구현
3 participants