오브젝트 v2를 새로 만들며 개선할 부분

국비지원학원에서 팀프로젝트로 같이 했던 프로젝트를

계속 공부를 해나가면서 개선할 부분이 많이 보여서 혼자서 다시 만들며 고쳐보았다.

일단 먼저 개선할 부분을 간략하게 적어보았다.

 

 

공통

• 파이어베이스9버전으로 다시 해야함 (스토리지랑 파이어스토어 등)
• 전체적인 코드 개선 필요
• 세션스토리지,로컬스토리지 나눠서 저장
• 마이리스트 관련 추가

accset.html  설정  ->  settings.html

• 이메일변경 추가하기
• user hover시 버벅거리는 사이즈 바로잡기 - CSS
• 멤버십 변경 수정된 코드로 

chg_eml.html   이메일변경 -> updateEmail.html

• auth사용해서 이메일변경

chg_freepass.html   멤버십변경 -> updateMembership.html

• 멤버십 변경 가능하게 1-> 4/ 4->1

chg_pwd.html  비밀번호변경 -> updatePwd.html

• auth사용해서 비번변경

choiceprofile.html  프로필선택화면 -> multiUserProfile.html

• 멤버십이랑 연결될 수 있도록
• 세션에 저장될 수 있도록
• 이미지파일 변경될 수 있도록
• 사용자 이름 변경될 수 있도록 수정화면 추가

index.html  로그인 전 메인화면  ->   index.html  

• 파베에서 이미지 받아오기
•  링크연결

 

login_form.html   로그인 화면  ->   login.html 

• 구글 로그인 추가
• 이메일로 로그인하기 추가
• 뒤로가기 버튼(특정링크 아니고 기록으로) 

login_freepass.html 로그인 후 멤버십 설정 -> membership.html

• 멀티유저를 저장할 수 있도록 파이어스토어에 멤버십 문서 저장
• 멤버십 있는지 없는지 체크할 수 있도록 파이어스토어 유저정보 문서에 저장
• 결제할 수 있으면 결제시스템 추가

main.html 로그인 후 메인화면 -> main.html

• 오른쪽 상단 유저 표시하기, 유저 선택화면 토글
• 카테고리 버튼 클릭시 카테고리 토글
• 카테고리별 이미지 표시
• 첫화면 포스터 이미지 분류별 나타내기 및 랜덤 표시
• 마이리스트 메뉴 추가 및 클릭시 마이리스트에 담긴 이미지 표시

sign_up_form.html  회원가입 화면  ->   join.html

• 이메일로 로그인 하기 설정
• 구글 가입하는 아이콘 추가(로그인 아래와 똑같이)
• 뒤로가기 버튼
• 아이디 비밀번호 유효성 검사 및 유효성검사 안내문구 보여지는 부분 추가

영상상세화면 videoplay.html

• 전체적인 코드 개선 
• 중복코드, 알기 어려운 변수명, 함수명 수정 
• 시간초 이동만큼 지나간 이미지는 사이드에 보이도록 추가
• 시간초 이동시 해당 시간의 이미지 나타내기