4주차

v-talk : https://v-chat-ade97.web.app/

4주차 평가 목록

  • 닉네임 변경 기능 구현
  • 계정 삭제 구현
  • 일정 공유 및 일정이 있는 날 표시 구분
  • 주간 보고서에 다음 계획 세우기

닉네임 변경기능 구현 & 계정삭제 구현

  • 닉네임을 클릭하면 설정 화면으로 이동되게 만들었습니다.
  • 설정 창에서 메인 화면으로 돌아가기, 닉네임 변경, 계정 삭제를 구현했습니다.
  • 닉네임 변경 시, “닉네임이 변경되었습니다” 팝업과 함께 닉네임이 변경된 것을 확인할 수 있습니다.
  • 계정 삭제 클릭 시, “비밀번호를 입력하세요” 팝업이 뜨고 비밀번호를 적고 확인 클릭 시,
    “계정이 완전히 삭제되었습니다” 팝업 창과 함께 계정이 삭제됩니다.
  • 계정이 삭제될 때 firebase store와 Authentication에 있는 일정과 닉네임이 삭제되게 구현했습니다.

닉네임을 클릭했을 때, 설정 창의 구성 요소

닉네임을 변경했을 때

계정 삭제를 클릭했을 때

계정 삭제 클릭 및 알맞은 비밀번호를 입력했을 때

일정 공유 및 일정이 있는 날 표시 구분

  • 일정을 추가했을 때 해당 일자를 붉은 색으로 표시되도록 구현했습니다.
  • 일정을 공유할 때, 자신의 닉네임을 제외하고 공유가 가능한 “사용 가능한 닉네임 목록”을 보이게 했습니다.
  • 공유할 닉네임을 적고 추가를 클릭하면 해당 닉네임으로 일정이 공유되도록 구현했습니다.
  • 공유된 일정은 본인만 삭제 및 수정이 가능하며, 상대방은 삭제를 할 수 없습니다.

일정에 붉은 표시 및 “사용 가능한 닉네임 목록” 구현

공유할 닉네임을 입력하고 추가했을 때

테스트2(일정이 입력된 계정과는 다른 계정)으로 접속했을 때

유저 닉네임을 받아와서 상대방에게 일정을 보낼 때 닉네임을 확인 후 보내는 과정

다음주 계획

  • 현재 offer, answer, ice후보 전부 push만 하고 있어서 db에 쌓이고 있기 때문에 처리 후 삭제 할 수 있도록 할 예정.
  • 페이지를 새로고침하면 위의 연결 정보가 유실되는 문제 해결 예정.
  • 메인 화면 구성(사이트 안내문) 만들 예정.
  • 회원 가입 창 따로 만들 예정.

Be the first to comment

Leave a Reply

Your email address will not be published.


*