해빗트래커 가이드
해빗트래커 가이드입니다. (Link: https://habittracker-53889.web.app/
). (1) 가입 (2) 해빗 작성/체크/진행상황 확인 (3) 비밀번호 변경에 대해 설명하도록 하겠습니다. 좌측 탭을 통해서 필요한 내용을 찾아보실 수 있습니다. 그리고, 가이드를 영상으로 보고 싶으신 분들은 제 유튜브 영상을 참고 바랍니다.
혹시 질문이나 제안 사항이 있으면 언제든지 편하게 이메일로 연락주세요: doctor.marvin.ds@gmail.com .
생산성이 향상되길 바랍니다!
감사해요!
(1) 가입
When you first click the link for the app, you will find the following webpage for log-in or sign-up. 처음 링크를 클릭했을 때, 로그인과 가입을 위한 탭을 웹페이지 위에 확인하실 수 있습니다. "SignUp" 클릭을 통해서 가입을 진행해보도록 하겠습니다.
유저 이름, 이메일 주소, 비밀번호를 기입하고 "Sign-Up" (가입) 버튼을 누릅니다.
가입 버튼을 누른 후에는 기입한 이메일 주소로 다음과 같은 메세지가 와있을 것입니다:
이메일을 확인 부탁드립니다. 나중에 비밀번호 변경 ("reset password") 를 할 떄 필요합니다. 정확한 이메일을 작성해야 해당 이메일 주소로 비밀번호 변경 관련 이메일이 발송됩니다.
(2) 습관 작성/체크/진행사항 확인
(2-1) 습관 작성
로그인 후에는 다음과 같은 화면이 나타납니다.
작성을 위해서 "Write Your Habit" 을 클릭합니다. 달성하고 싶은 습관을 작성하고 (한글도 가능), Submit 버튼을 클릭합니다. 거의 매일 할 수 있는 습관을 추천드립니다.
(2-2) 습관 체크
이제 오늘 달성한 습관 체크를 위해서 "Check Your Habit" 버튼을 클릭합니다. 예를 들어, 저는 세 가지 습관 "Software Engineering (소프트웨어 엔지니어링)", "Machine Learning (머신 러닝)", 그리고 "Running (달리기)" 세 가지를 작성하였습니다. 습관 체크는 오늘만 가능하고 어제나 다른 날은 불가능합니다.
오늘 달성한 습관에 "Check" 버튼을 누릅니다. 예를 들어, 저는 오늘 "Software Engineering" 을 달성하였으므로, 이것에 대한 체크 버튼을 클릭하였습니다. 체크된 습관은 이 화면에서 사라집니다.
(2-3) 진행상황 확인
진행상황 확인을 위해서 "Habit Progress" 버튼 탭을 클릭합니다. 최근 5일의 진행률이 나타납니다. (오늘 방금 가입한 내용의 경우에는 아래 그림과 같이 오늘 내용만 나타납니다)
"Show Graph" 버튼을 클릭하면, 아래와 같이 최근 습관 달성률이 시각적으로 나타납니다.
화면에서 "detail" 버튼을 클릭하면, 습관 별 최근 5일 동안의 달성률이 함께 나타납니다. (오늘 방금 가입한 경우는 아래 사진과 같이 Today 이전 날들의 달성 여부가 "No" 로 나타납니다)
이전 습관들의 달성률에 대해서 확인하고 싶다면 "Pick Date" 버튼을 클릭한 후 원하는 날짜를 캘린더에서 클릭합니다. 날짜 선택 후에 옆의 "Click" 버튼을 누릅니다.
예를 들어, 6월 8일을 클릭해보았습니다 (이전에 제가 자체로 습관 여부를 체크하던 계정입니다). 그러면 선택한 6월 8일 날짜를 포함한 최근 5일의 평균 달성률과 습관별 달성여부가 표시됩니다.
(3) 비밀번호 변경
비밀번호를 잊어버린 경우에는 "Login" 탭을 클릭한 후, "Reset Passward" 버튼을 클릭합니다.
다음 화면에서 가입 시 사용했던 이메일 주소를 빈칸에 작성한 후 "Reset Your Password" 버튼을 클릭합니다.
이메일 주소로 다음과 같은 메세지가 와있을 것입니다. 링크를 클릭합니다.
링크를 클릭하면 아래와 같은 팝업 창이 나타납니다. 새로운 비밀번호를 저장합니다.
이메일 주소와 변경한 비밀번호로 로그인 합니다.
'최소 기능 제품 (MVP)' 카테고리의 다른 글
[책 요약] 스프린트 (by Jake Knapp) (0) | 2022.10.05 |
---|---|
[프론트엔드 연습 프로젝트] 상세페이지 생성 및 수정 (0) | 2022.05.13 |
[프론트엔드 연습 프로젝트] 가입&로그인 기능 (0) | 2022.05.11 |
[프론트엔드 연습 프로젝트] 파이어베이스에 데이터 저장하기 (0) | 2022.05.09 |
[프론트엔드 연습 프로젝트] 파이어베이스의 데이터 읽기 (0) | 2022.05.07 |