✅ Green: 성공 / 🟡 Yello: 진행중 / ❌ Red: 실패 혹은 취소
이름(nickname) : 유저 닉네임 입력
생일(date) : 유저 출생 연도, 월 ,일 입력
성별(gender) : 유저 성별 입력
ID: (이메일형식)의 유저 ID 입력
PW:유저 PW 입력 / PW check : 앞의 입력한 유저 PW와 일치한지 체크
관심사(favorite): 유저 관심사 선택란 (ex: 책보기, 독서하기, 농구하기, LOL 등등..) 리스트 갖고 오기
프로필 사진(image): 유저 프로필 사진 등록 (사진 등록 안 할시 Next 버튼으로 다음페이지 이동 불가)
Next 버튼 : 클릭 시 매칭 페이지로 이동
Email: 유저 회원가입 시 입력한 email형식의 ID 입력
Password : 유저 회원가입 시 입력한 password 입력
Login : Id,pw를 모두 올바르게 입력했는지 검증 후 매칭페이지 이동
sign up : 회원가입 페이지로 이동
tinder 배너 : 클릭 시 메인페이지로 이동
필터버튼: (default) 랜덤한 전체유저 / 필터버튼 클릭 시: 나를 좋아요한 유저만 볼 수 있도록 선택
닉네임 란 : 유저 가입 시 입력한 nickname 노출
성별: 유저 가입 시 선택한 성별 노출( 남성 or 여성)
나이: 유저 가입 시 입력한 DATE를 계산하여 int형 숫자로 노출
채팅모양버튼 : 클릭 시 채팅 목록 페이지로 이동
대표이미지 : 랜덤하게 노출된 상대 유저 프로필 이미지
관심사 : 랜덤하게 노출된 상대 유저가 회원가입 시 선택한 관심사(favorite) 노출
넘기기 버튼(👋) : 상대가 마음에 들지 않을 시 현재 유저 정보를 넘기고 다른 유저의 정보를 불러옴
좋아요 버튼(♥): 랜덤하게 노출된 상대가 마음에 들 시 클릭하여 좋아요(♥)한 유저로 저장
상대 프로필 : 상대 프로필 이미지 노출 + 상대 닉네임 노출
채팅란 : 상대방의 대화 내용노출 (왼쪽) , 내가 입력한 대화 노출(오른쪽) 내림차순으로
채팅입력란: 상대방에게 보낼 채팅(Text)을 입력하는 란
보내기 버튼: 클릭 시 입력한 채팅(Text)을 채팅란으로 보냄
뒤로가기 버튼(🔙): 클릭 시 채팅목록 페이지로 이동
tinder 배너 : 클릭 시 메인페이지로 이동
chats : 나와 채팅(대화)한 유저들의 대화 리스트 노출(상대와 내가 서로 좋아요 누를 시에만 채팅 가능)
채팅(대화) 리스트: 클릭 시 해당 유저와의 채팅 페이지로 이동