[TIL] 20240521 67일차

프론트 구상

[메모/생각정리]

 

 

 

 

 

 

게임 상세페이지 의견 취합

[기술적 의사결정]

 

 

결정한 항목:

① 각 요소 배치 순서

ⓐ 게임 플레이 화면

ⓑ 대체적인 게임 정보

• 평점
• 제작자
• 업로드 일시
• 별점 매기기
• 즐겨찾기 버튼
• 태그

ⓒ 상세 게임 정보

• 콘텐츠 영역 (유튜브 영상 / 스크린샷)
• 텍스트 영역 (게임 설명)

ⓓ 유저 댓글

• 댓글 작성 구역
• 댓글 목록 (댓글과 답글 형태, 답글에 답글은 프론트 구현 중에 적용할지 말지 결정)

② 각 요소 별 특이사항

ⓐ 게임 플레이 화면

register_state 가 0이나 2일 경우 ‘서비스 준비 중입니다’ 라는 텍스트가 담긴 회색 박스 출력

ⓑ 대체적인 게임 정보 - 별점 매기기

별점 이미지 클릭 시 모달창 출력. 원하는 만큼 별점 선택 후 확인 버튼을 눌러 별점을 매기거나 취소 버튼을 눌러 취소할 수 있음

ⓒ 상세 게임 정보 - 콘텐츠 영역

유튜브 영상 썸네일 이미지 or 스크린샷 이미지 클릭 시 콘텐츠 영역 아래 요소들을 밑으로 밀면서 콘텐츠 영역이 확장됨. 클릭한 콘텐츠를 콘텐츠 영역에서 확장해서 보여줌.

ⓓ 유저 댓글

댓글 영역 클릭 시 답글을 달 수 있게 변경됨 (이 부분 프론트 구현 중에 변경될 수 있음)

 

 

게임 검수페이지 의견 취합

[기술적 의사결정]

 

1. 관리자가 게임 게시물의 게시를 승인 또는 거부하는 기능을 어디에 둘지 의논

① 관리자용 페이지를 따로 마련하고, 해당 페이지에선 register_state = 0인 게시물들 전체를 확인할 수 있으며 각 게시물마다 승인 / 거부 버튼이 있음. ‘제목 / 작성자’ 텍스트 클릭 시 상세 페이지로 이동해서 확인할 수 있고 승인 버튼을 누르면 ‘게임 등록’ api 호출, 거부 버튼을 누르면 ‘게임 등록 거부’ api를 호출함

② 관리자용 페이지가 존재하며, 해당 페이지에선 register_state = 0인 게시물들 전체를 확인할 수 있다. 제목 / 작성자’ 텍스트 클릭 시 상세 페이지로 이동해서 검수를 마친 후에 페이지 우측 상단에 승인 / 거부 버튼을 눌러 게시물의 승인 / 거부 상태를 변경

→ ① 으로 결정

→ 이에 따라 ‘게임 등록 거부’ api 추가 필요

2. zip 파일을 어떻게 받는지 의논

관리자용 페이지에서 각 게시물의 zip 파일을 받을 수 있는 버튼을 마련

→ 이에 따라 ‘검수용 zip 파일 다운로드’ api 추가 필요

 

 

게임 전체페이지 의견 취합

[기술적 의사결정]

 

1. Navbar 구성에 대하여

① navbar에 태그 또는 정렬 버튼을 둘지 의논

→ 두지 않기로 결정. 태그는 페이지 좌측 메뉴에, 정렬은 navbar가 아닌 body에 두기로 결정. 이렇게 결정한 이유는 Django Template 기능을 사용할 때 각 페이지마다 navbar에서 보여주는 구성이 달라지면 base.html을 다수 만들어야하는 불편함이 발생하기 때문

② 메인 페이지 구성에 대하여 의논

ⓐ 정렬 기준 버튼 / 각 태그에 맞는 게임 - 성현님 관님

ⓑ 태그 별 게임들 최신순으로 배치 / 4종류 이상 (유튜브 처럼) - 해진 님

ⓒ 상단 노출 태그(기준: 미정) 2개에 해당하는 게임들 최신순으로 배치 / 전체 게임 - 진용님

→ ⓒ로 결정. ⓐ와 ⓑ의 절충안

③ 페이지네이션에 대하여 의논

ⓐ 무한스크롤(커서 페이지네이션)

ⓑ 페이지 번호 페이지네이션

ⓒ 상한이 있는 무한스크롤(커서 페이지네이션) + 페이지 번호 페이지네이션

→ ⓒ로 결정. ⓐ와 ⓑ의 절충안

ⓒ 로 결정하면서 각 태그 별로 보여주는 게임들은 최대 4개씩 / 전체 게임도 초기에는 4개 보여주고 하단 ‘더보기’ 버튼 클릭 시 4개씩 추가로 보여줌 → 최대 40개까지 보여줄 수 있으며, 40개까지 보여준 상태라면 버튼을 누를 때 ‘조건별 페이지’ 로 이동함