220429 mycloset 지금까지 해야 할 부분 정리하기

요즘 정신이 없어서 깃에 잔디를 심지 못했다ㅠㅠ

https://curious-tarsier-9682e2.netlify.app/ 

 

1. 자바스크립트 통신 부분

 

2. 구조적 문제

  - 옷장 등록 모달 (추후에 미디어쿼리)

  - 옷장 리스트/사진형(리스트 flex:column /사진형: 정렬 그리드 사용)  (추후에 미디어쿼리)
  -header 따로 분리

 

 

3. 디자인 문제

  - 메인화면 옷장 빼고 텍스트 애니메이션 배워서 글자 움직이도록 만들기

  - 회원가입, 로그인, 옷장 등록에 보이는 select css 수정 1차수정(옷장등록 default값 제외하고 해결)

  - 옷장에 있는 input type ="range" css수정

  - input text 부분에서 자동 완성 시 파란색으로 변경 => 구글링 후 css 변경 

 

4. 스크롤때문에 화면이 옆으로 밀림 - 스크롤 css변경

  - explain_closet을 클릭했을 때 body에 overflow: hidden을 주었는데, 그 때 스크롤이 없어져서 변경 필요함

 

5. 회원가입, 로그인 폼 문제

  - 정규식 설정: 아이디(이메일), 비밀번호 설정필요( 강의듣기)

  - 유효성 검사

  - 지역 나눌 때 날씨api에 따라 변경

 

6. 두 개의 추천 기능 문제

  - 날씨 api 가져오기 & 회원가입 때 받은 정보를 통해서 보여주기.

  - 날씨 상태에 따른 이모지 switch 문으로 작성

  -  "range"위에 숫자 적는 칸 속성 number로 변경, 온도를 적고 엔터나 입력을 쳤을 때 바로 추천(데이터통신) 되야함

  - 온도에 따른 옷 추천을 위해서 세분화해야하기때문에 그 부분 함수 짜기( 옷 등록할 때 그 값도 db로 전달되도록)

  

 

추가적 기능

7. 마이페이지 부분 만들기

마이페이지 구조 // 왼쪽: 메뉴 오른쪽:컨텐츠
1. 개인정보 변경
-아이디(disabled) (입력되어있어야함)
- 비밀번호
-비밀번호확인
-별명(입력되어있어야함)
2. 옷장비우기
옷장을 비우시겠습니까? 옷장에 있던 모든 옷들이 삭제됩니다.
부분적으로 삭제를 원하신다면 내옷장에서 관리를 클릭해 관리해 주세요
- 비밀번호 입력 / 확인 버튼 => 통신 후  db삭제
3. 회원탈퇴
탈퇴하시겠습니까?
탈퇴할 시 모든 옷장 관련 데이터가 사라집니다.
비밀번호 확인 칸/ 확인버튼

 

8.  옷장 관리 부분 필요

 

9. 백엔드 부분필요

-open클릭시 로그인 페이지로 연결

-로그인 했을 시 home이 옷장페이지가 되면서 억지로 인덱스페이지로 넘어가게된다면, 다시 옷장으로 리다이렉트

-로그인 했을 시 버튼 변경 회원가입 -> 마이페이지, 로그인 -> 로그아웃

3.회원가입이 완료됐을 때, 완료버튼을 누르면 로그인페이지로 연결

4. 로그아웃 됐을때 초기화면으로 리다이렉트