230206 TIL

당장 이번주부터 최종 프로젝트가 시작되었다
아마 한 달 정도는 프로젝트를 하면서 해결한 에러나 이런저런 생각들을 쓰게 될 듯 싶다

한 달간 하게 될 프로젝트

내가 속한 조에서 하게 될 프로젝트는 데스크꾸미기(데꾸) 커뮤니티를 만들 예정이다
대략적인 와이어 프레임을 만들고나니 너무 심심한 것 같다는 피드백을 받아서 여러가지를 고민 중이다

대략적인 MVP

1) 메인 페이지

• 들어오자마자 스플래쉬 이미지로 흥미를 끔(책상과 아이템들이 뜨고 스크롤을 내리면 하나로 합쳐짐)
• 스플래쉬 이미지 이후 메인 페이지 나옴
• 로고 클릭 → 메인 페이지 이동
• 글쓰기 클릭 → 로그인이 되어 있다면 글쓰기 페이지 이동,
  로그인이 되어 있지 않다면 로그인 페이지 이동
• 인기 순(좋아요 수가 많은 글)으로 글 정렬이 되어있음.
  각각의 글 클릭 → 디테일 뷰 페이지 이동
• 밑으로 내리면 색상별 글 정렬 섹션이 나옴.
  좌우로 선을 드래그하면 색상 별 글, 해쉬태그가 가로 스크롤로 나옴
• 색상별 글 정렬 오른쪽 상단 토글 클릭 → 제품별(카테고리)별 섹션 페이지로 이동
  각각의 카테고리를 누르면 제품 목록 페이지로 이동
• 하단의 검색창에 검색어를 입력하면 검색 결과 페이지로 이동
• 마이페이지 클릭 → 로그인이 되어있다면 마이페이지 페이지 이동, 로그인이 되어있지 않다면 로그인 페이지로 이

2) 로그인 페이지

• 메인 페이지에서 로그인 클릭 → 로그인 페이지로 이동
• 소셜 로그인(구글, 카톡, 깃헙)으로도 로그인 가능
• 이메일, 비번 입력 후 로그인을 누르면 메인 페이지로 이동
• 비밀번호 찾기 버튼을 누르면 비밀번호 찾기 페이지로 이동(이메일 인증하고 비밀번호 바꾸기 페이지) 변경후 로그인페이지로

3) 회원가입 페이지

• 로그인 화면에서 회원가입 클릭 → 회원 가입 페이지로 이동
• 이름과 이메일, 비밀번호는 사용자가 입력, 직업은 섹션창으로 고를 수 있게 설정
• 이름과 이메일, 비밀번호는 실시간 유효성 검사 적용 예정
• 모두 입력 후 가입 클릭 → 회원 가입이 되면서 메인으로 이동

4) 새 글 작성 페이지

• 메인에서 글쓰기 버튼 클릭 → 새 글 쓰기 페이지로 이동
• 만약 로그인이 되어있지 않다면 로그인 해달라는 alert후에 로그인 페이지로 이동
• 글쓰기 에디터를 사용하여 간단하게 글에 효과를 줄 수 있음
• 사진은 2장부터 슬라이드로 보이게끔 처리
• 에디터 옆에 기기선택 버튼 클릭 → 제품 검색 모달창 뜸
• 포스팅 영역 밑에 해쉬태그 를 달 수 있음
• 컬러 선택 란에서 사용자가 데스크 꾸미기에 사용한 색깔을 선택할 수 있음(메인에서 색깔별로 분류 할 거라서 필요함)
• 취소 클릭 → 메인 페이지로 이동함
• 완료 클릭 → 글이 등록되면서 디테일 뷰 페이지로 이동함

5) 검색란

• 상단, 하단 검색하기 클릭 → 검색결과 페이지로 이동

6) 마이페이지

• 왼쪽 : 프로필 이미지, 닉네임, 분야(직업), 간단한 소개글
  오른쪽 : 나의 포스트, 스크랩, 팔로워 별로 목록이 나옴
  디폴트는 나의 포스트 목록을 보여줌(글에 넣은 사진, 제목, 글 내용)
  
• 닉네임 옆 톱니바퀴 → 프로필 이미지, 닉네임, 분야(직업), 소개글 수정 페이지로 이동(맨 아래는 회원탈퇴버튼 있음)
• 프로필 이미지에서 이미지 제거 클릭 → 기본 프로필 이미지로 변경
• 저장, 취소 클릭 → (마이페이지의)메인 페이지로 이동
• 회원 탈퇴 → 회원탈퇴 모달이 뜨면서 탈퇴여부 다시 물어보기 → 예/아니오로 선택 후 메인페이지로 이동
• 스크랩 클릭 → 사진, 제목, 글, 글쓴이, 프로필 사진, 닉네임 목록이 밑에 나옴
  스크랩한 글을 누르면 디테일 뷰 페이지로 이동
• 팔로워 클릭 → 내가 팔로우 하는 사람의 프로필 사진, 닉네임, 카테고리(직업), 소개글 목록이 나옴
  팔로워는 목록만 볼 수 있음 (언팔 버튼)
• 로고 클릭 → 메인페이지로 이동

내일 할 일

• 워크플로우 정리
• 세부 task 정리
• 라이브러리 리서치
• 각자 해보고 싶은 기술 스택 리스트 정리