auth 페이지 UI 구현 및 카카오 로그인 연동

[hyunjun9788]

기능 요청 설명

회원가입 페이지 UI 틀 및 카카오 로그인 기능 구현하겠습니다! (Notion 링크)

기능의 예상 동작

auth UI 전체적인 레이아웃과 카카오 로그인 성공

대안

제안한 해결책 외에 고려할 수 있는 대안을 설명해주세요.
예: "대신 검색창 기능을 확장하여 특정 키워드로 더 빠르게 접근할 수 있도록 하는 것도 방법입니다."

예상되는 이점

이 기능이 추가되었을 때 사용자에게 어떤 이점이 있는지 설명해주세요.
예: "사용자가 작업을 더 빠르게 완료할 수 있어 생산성이 향상됩니다."

우선순위

이 기능이 얼마나 중요한지 평가해 주세요. 다른 기능에 비해 얼마나 우선적으로 구현해야 하는지 설명해주세요.

• 매우 중요
• 중요
• 보통
• 낮음

관련 자료

이 기능과 관련된 추가 자료(예: 스크린샷, 참고 링크 등)가 있다면 여기에 추가해주세요.

추가 정보

기능 요청과 관련된 기타 정보를 여기에 작성해주세요.

[KoJaem]

@hyunjun9788
cc. @PlusUltraCode @hum02

디자이너분들과 상의 해봤는데, 회원가입 시 보여져야할 기본적인 Flow 는 다음과 같이 작업해주시면 될 것 같습니다.

따라서 로그인 시 유저의 공용 닉네임과, 그사람이 가입한 채널에 대한 정보도 같이 넘어오면 좋을 것 같습니다.

회의가 필요하면 말씀 해주세요!

디자인 작업이 진행되고 있음에 따라, 개발도 같이 진행되어야 해서 기능적인 아래에 간단히 만들어두었습니다.
작업하실때 참고 부탁 드립니다 🙇‍♂️

신규회원 첫 로그인

flowchart LR;
    A[최초 로그인] --> B[공용 닉네임 설정]
    B --> C{초대코드 입력<br/>or<br/>채널 생성}
    C -->|초대코드 입력| D1[채널 닉네임 설정<br/>기본값: 공용 닉네임]
    D1 --> E[채널 입장]
    C -->|채널 생성| D2[채널 닉네임 설정<br/>기본값: 공용 닉네임]
    D2 --> F[채널 입장]

Loading

기존 로그인 채널 1개인 경우

flowchart LR;
    A[이미 회원인 경우 로그인<br />채널이 1개인 경우] --> B[채널 입장]

Loading

기존 로그인 채널 2개 이상인경우

flowchart LR;
    A[이미 회원인 경우 로그인<br />채널이 2개 이상인 경우] --> B[채널 리스트 표시]
    B --> C[채널 선택]
    C --> D[채널 입장]

Loading