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

[#7] OAuth 회원가입, 로그인 UI 및 동작 #33

Merged
merged 7 commits into from
Aug 16, 2021

Conversation

Choi-Jinwoo
Copy link
Member

@Choi-Jinwoo Choi-Jinwoo commented Aug 14, 2021

관련이슈

실제 소요시간

1.5h

체크리스트

  • base branch를 확인했나요?

설명

아래 UI와 같이 개발을 했습니다.

AccessToken
해당 토큰을 정확히 어떤 시점에서 받아 localStorage로 넣어줄지 의논되지 않아 해당 부분은 작업되지 않았습니다.

querystring으로 넘겨준다면 로그인 페이지가 아닌 메인페이지쪽에서 해주어야될것 같습니다.
(이때 query의 내용이 사용자에게 보이기에 이 부분의 UX또한 함께 상의 해보면 좋을듯 합니다 🤔 )

Style
스타일이나 color와 같은 부분이 하드코딩되어 있는데 이 부분은 간략한 디자인 시스템이 나오면 수정하도록 하겠습니다.

환경변수
저번에 환경변수를 이야기하다 애매하게 끝난 부분이 있어 일단은 dev 관련해서만 수정을 했습니다.

image

@Choi-Jinwoo Choi-Jinwoo added feature 기능 frontend 프론트엔드 labels Aug 14, 2021
@Choi-Jinwoo Choi-Jinwoo added this to the 1주차 스프린트 milestone Aug 14, 2021
@Choi-Jinwoo Choi-Jinwoo self-assigned this Aug 14, 2021
</g>
<g>
</g>
</svg>
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
Member Author

Choose a reason for hiding this comment

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

앗 아니요 일단 인터넷 svg를 다운해서 넣어뒀습니다.. ㅎㅎ

return () => (location.href = redirectURL);
}, []);

const BUTTON_PROPS = useMemo(
Copy link
Collaborator

Choose a reason for hiding this comment

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

enum으로 처리되어서 이미 충분히 깔끔하지만 스타일 관련된 부분하고 아이콘은 컴포넌트 밖으로 빼도 되지 않을까 싶은데.. 잘 모르겠네요 ㅎㅎ

Copy link
Member Author

Choose a reason for hiding this comment

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

아 처음엔 밖으로 뺏는데 또 onClick 때문에 결국 밖에 하나 안에 하나 만들어야 되더라구요 ㅠㅜ 그래서 이렇게 한번 해봤는데 저도 헷갈려서 다른 분들은 어떤게 나을까요? 👀

Copy link
Collaborator

Choose a reason for hiding this comment

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

이 부분은 진짜 선택의 문제 같은 느낌이네요 .. 스타일 코드는 따로 다 빼놓고, handleOAuthButtonClick이 url을 받아서 작동하게 하면 될 것 같긴한데.. 잘모르겠습니다 진짜 .. ㅋㅋㅋ

Copy link
Collaborator

@juyoungpark718 juyoungpark718 left a comment

Choose a reason for hiding this comment

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

고생하셨습니다 :) 👍 👍

return () => (location.href = redirectURL);
}, []);

const BUTTON_PROPS = useMemo(
Copy link
Collaborator

Choose a reason for hiding this comment

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

이 부분은 진짜 선택의 문제 같은 느낌이네요 .. 스타일 코드는 따로 다 빼놓고, handleOAuthButtonClick이 url을 받아서 작동하게 하면 될 것 같긴한데.. 잘모르겠습니다 진짜 .. ㅋㅋㅋ

@Choi-Jinwoo Choi-Jinwoo merged commit 5ea7b0a into develop Aug 16, 2021
@Choi-Jinwoo Choi-Jinwoo deleted the feat/frontend-signup branch August 16, 2021 04:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature 기능 frontend 프론트엔드
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants