[분석] UNIVERSE 수정사항

·2025년 5월 14일

1. index page

1-1. 후기 섹션 반응형 작업


  • (위)배포 화면 (아래)디자인 시안과 스타일, 간격이 맞지 않는 상태



1-2. index -> main page 전환 로딩 작업

  • 로딩중 text 로만 구현된 로딩 상태



2. main page

2-1. 인트로 영상 반응형 작업


  • (위)배포 화면과 (아래)디자인 시안과 비율이 맞지 않는 상태



2-2. 작품 정보 오류, 스타일 작업 미완료


  • 썸네일 목업데이터와 api 작품 정보가 일치하지 않는 상태
  • (위)배포 화면과 (아래)디자인 시안과 스타일이 일치하지 않는 상태



2-3. 요일별 신작 섹션

  • 요일별 작품 데이터가 목업데이터로 처리된 상태. api로 처리하거나 요일별 목업데이터를 다르게 처리할 예정

2-4. 시청중인 컨텐츠 섹션


  • 프로그레스 바를 임의로 스타일링한 상태. 가능하면 영상 시청 상태와 연동 예정
  • (위)배포 화면과 (아래)디자인 시안과 스타일이 다른 상태



2-5. 인기 컨텐츠 섹션


  • (위)배포 화면과 (아래)디자인 시안과 스타일이 다른 상태
  • hover/click시 상호작용이 없는 상태
  • 목업데이터 처리된 상태, api 데이터로 변경 고려



2-6. 커뮤니티 컨텐츠 섹션


  • (위)배포 화면과 (아래)디자인 시안과 스타일이 다른 상태
  • hover/click시 상호작용이 없는 상태



2-7. 화제작 섹션


  • (위)배포 화면과 (아래)디자인 시안과 스타일이 다른 상태
  • 우측 블러처리 영역 hover시에만 보이게 할지? 디자인 다시 고려



3. 영상 재생 페이지

3-1. 재생버튼 클릭 -> 재생페이지 전환 시

  • 재생페이지 영상 목업데이터로 처리한 상태
  • 가능하면 썸네일 작품정보와 일치하는 영상 출력 고려

3-2. 컨트롤러 스타일링


  • (위)배포 화면과 (아래)디자인 시안과 스타일 다른 상태



4. 작품 상세정보 페이지

4-1. 작품정보 데이터

  • 특정 한 작품의 api 데이터만 가져오는 상태
  • 선택한 작품 정보를 불러오도록 수정 예정

4-2. 영상 자동재생 섹션

  • 반응형 작업 미완료로 화면 상 컨텐츠 비율 맞지 않는 상태
  • 찜하기, 좋아요 버튼 상호작용 미구현 상태

4-3. 시즌정보 데이터

  • 특정 시즌정보 데이터만 불러온 상태, 드롭다운 메뉴 클릭 시 상호작용되지 않음
  • 드롭다운 상호작용 처리, 시즌 선택 시 회차정보 업데이트되도록 수정 예정

4-4. 회차 더보기 버튼

  • 모든 회차 노출 후 더보기 버튼 방향 오류 발생

4-5. 함께 시청한 컨텐츠 섹션

  • 목업데이터로 처리된 상태. api 데이터로 시리즈 특징과 연관된 작품 추천하도록 수정 예정
  • 찜하기 버튼 상호작용 미구현 상태

  • 목업데이터로 처리된 상태. api 데이터로 예고편/pv 정보, footer의 상세정보 불러오도록 수정 예정

4-7. 모달창 처리방식

  • 현재 모달창 형태로 스타일링 되어있으나 새 페이지로 이동하는 방식으로 처리됨 -> 기존 페이지 위에 모달창을 띄우는 형식으로 변경 고려



5. 태그 검색 페이지

5-1. 작품 정보 연동

  • 목업데이터 -> api 데이터로 수정 고려



6. 커뮤니티 페이지

6-1. 상단 배너 영역

  • 해당 배너 내용과 맞는 상세 정보 페이지로 이동하도록 수정 예정

6-2. 인기 게시글 섹션


  • 카테고리별 목업데이터가 거의 동일하게 입력되어 카테고리별 차이점이 명확히 보이지 않는 상태 -> 각 카테고리에 맞는 목업데이터로 수정 예정
  • (위)배포 화면의 hover시 스타일링이 (아래)디자인 시안과 일치하지 않음

6-3. 장르별 게시글 섹션

  • 카드영역 이미지가 영역보다 커져 잘려 보이는 현상
  • 각 장르 클릭 시 상호작용 미구현 상태

6-4. 최근 게시물 섹션


  • 좌상단, 우상단 드롭다운 상호작용 되지 않는 상태 -> 좌상단 드롭다운은 페이지네이션과 기능 겹치므로 삭제 고려, 우상단 드롭다운은 필터 기능 구현 예정
  • 게시글 클릭 시 해당하는 게시글로 이동하도록 수정 고려
  • (위)배포 화면과 (아래)디자인 시안과 다른 아이콘, 댓글기능 미구현으로 일치하지 않는 상태

6-5. 공지사항 배너

  • 다른 영역들과 비교했을 때 배너만 그리드가 맞지 않는 상태



7. 커뮤니티 서브페이지들

7-1. 커뮤니티 전체게시글 페이지

  • 겉으로 보이는 스타일링만 맞추고 기능은 전혀 구현되지 않은 상태
  • html, 스타일링 코드도 재사용성이 매우 낮은 상태로 html 코드부터 다시 구현할 예정. 커뮤니티 페이지의 장르 클릭 시 이 페이지의 해당 장르 탭이 선택된 상태로 이동하도록 구현 고려할 것

7-2. 게시글 상세, 멤버십 페이지


  • 전체게시글 페이지와 마찬가지로 코드 재사용성이 낮고 기능 구현이 되지 않은 상태로 다시 작업 예정



8. 마이페이지

8-1. 프로필 정보, 최근 본 작품, 찜한 작품

  • 프로필 수정 버튼 상호작용 되지 않는 상태
  • 최근 본 작품 목업데이터 처리된 상태 -> 작품별 api데이터 로컬스토리지에 저장해 출력하는 방식으로 수정 예정
  • 작품 썸네일 클릭 시 상호작용 되지 않는 상태 -> 클릭 시 상세정보페이지 모달창 출력 처리 예정

8-2. 나의 게시글, 임시저장글

  • 썸네일 클릭 시 상호작용 없는 상태 -> 해당 게시글로 이동하도록 수정 예정
  • 로그인된 유저 정보(로컬스토리지 사용)에 작성한 게시글 추가/수정/삭제되도록 데이터 수정할 것
  • 임시저장글의 경우 썸네일 클릭 시 글쓰기 페이지로 이동해 임시저장된 내용 출력하도록 수정 예정, 임시저장 시 로컬스토리지의 유저정보의 임시저장글에 추가되도록 수정할 것

8-3. 별점, 리뷰, 댓글

  • 썸네일 클릭 시 상호작용 없는 상태 -> 별점/리뷰/댓글 페이지 부재, 새 페이지 만들어 이동하거나 해당 작품으로 이동하도록 수정 예정
  • 댓글의 경우 작품/게시글의 댓글인지 명확하지 않은 상태, 수정 고려
  • 우상단 드롭다운 상호작용 되지 않는 상태 -> 카테고리별 필터링이 적합하지 않은 상태로 수정 고려



9. 검색어 기능

  • 검색어/인기작품 클릭 시 임의의 작품정보 모달창 출력하는 상태 -> 해당 작품정보 모달창 출력하도록 수정 예정



+

1. vercel로 배포한 링크에서 새로고침 시 404 error가 나타나는 현상

  • diptyque 배포 시에도 동일한 오류를 팀원이 제공해준 파일을 넣었을 때 해결됨. 해당 파일 뜯어보고 작동 원리 알아볼 것

  • index페이지로 이동하는 상태 -> header logo와 동일하게 로그인여부 확인해 index/main페이지로 이동하도록 변경 예정

3. 반응형 작업

  • 페이지 전체적으로 반응형 작업 거의 되지 않은 상태, 전반적으로 점검할 것

0개의 댓글