🎮 웹 프로젝트 기획서

📘 프로젝트 개요

프로젝트명:

GameLog – 나만의 게임 리뷰 웹사이트

프로젝트 목적:

사용자가 자신이 플레이한 게임에 대한 후기를 직접 작성하고,
다른 사람들의 리뷰를 열람 및 검색할 수 있는 웹사이트를 구축한다.
이를 통해 게이머 간의 소통을 촉진하고, 게임 선택에 도움을 주는 커뮤니티 공간을 제공한다.

대상 사용자:

• 게임을 즐기는 일반 유저

• 신작 정보를 알고 싶은 게이머

• 게임 커뮤니티 활동에 관심 있는 사람

주요 기능:

1. 리뷰 작성 – 제목, 게임명, 평점, 내용 입력

2. 리뷰 목록 보기 – 등록된 리뷰 리스트 출력

3. 리뷰 검색 – 게임명 또는 작성자 기준 검색 기능

4. 평점별 정렬 기능 – JavaScript를 이용한 오름차순/내림차순 정렬

5. 반응형 디자인 – 모바일, 태블릿, 데스크톱 모두에서 보기 쉽게 구현

---

⚙️ 기술적 요구사항

사용 기술:

HTML, CSS, JavaScript

페이지 구성:

• 메인 페이지: 전체 리뷰 목록, 검색창, 상단 메뉴 표시

• 리뷰 작성 페이지: 리뷰 입력 폼 (게임명, 평점, 후기 작성란)

• 리뷰 상세 페이지 (선택): 선택한 리뷰의 전체 내용 표시

반응형 지원:

모바일, 태블릿, 데스크톱 환경에 자동 대응

브라우저 호환성:

Chrome, Edge, Firefox, Safari 등 최신 브라우저 지원

---

🗺️ 사이트맵 및 와이어프레임

사이트맵

메인 페이지
 ├── 리뷰 목록 보기
 ├── 리뷰 작성
 └── 리뷰 검색

와이어프레임 개요

• 💡 개선 및 구체화 제안

  1. 프로젝트 개요 보강

  현재: 목적과 대상이 명확하지만, 차별점이 살짝 부족함.
  제안: “GameLog”만의 개성을 한 줄 추가하세요.

  예: “단순한 리뷰 사이트를 넘어, 나와 비슷한 취향의 게이머를 발견할 수 있는 커뮤니티형 리뷰 플랫폼.”

  ---

  2. 주요 기능 세부화

  기능 | 설명 | 구현 포인트 -- | -- | -- 리뷰 작성 | 게임명, 평점(1~5), 후기 내용 입력 | localStorage 사용 or JSON 파일 형태의 임시 데이터 리뷰 목록 보기 | 등록된 리뷰를 카드 형태로 표시 | 최신순 / 평점순 정렬 지원 리뷰 검색 | 게임명, 작성자명 기준 검색 | 실시간 필터링 기능 평점 정렬 | 오름차순/내림차순 버튼 | JS sort() 활용 반응형 디자인 | 모바일, 태블릿, PC 대응 | CSS Grid + Flexbox + 미디어쿼리 (선택) 좋아요/댓글 | 사용자 반응 기능 | 추후 확장 고려

  ---

  6. 디자인 포인트 제안 🎨

  • 색상 테마: 다크 모드 기반 (게이머 감성 강조)

  • 폰트: Orbitron, Noto Sans KR 조합 추천

  • 카드 스타일: hover 시 확대 효과로 역동감 부여