🐻 기획 세부사항 정하기

기획 세부사항

프로젝트 상세 기획

메인 컬러로 파란색 제외 → 곰터뷰와 겹침

1. 백로그에서 기능 요구사항을 간단하게 작성하고 가자
2. 글로 정리하고 와이어 프레임으로

문제, 기능 요구사항 정의 → 백로그**,** 와이어 프레임 순으로 진행하기로 결정

문제 정의

문제 정의

기능 요구사항 정의

기능 요구사항 정의

멘토링 일지 작성

week1 멘토링 일지

서비스 핵심 기능의 완성도 기준

• 웹 접근성
• 반응형 브라우저
• 버퍼링이 없는 화면 공유
• 비회원이더라도 웹 페이지를 떠나기 전까지 공부시간 누적
• 공부방 참여/퇴장 시에도 참여인원이 집중할 수 있는 환경
  • ex. 참여/퇴장 시 화면이 깜빡거리는 현상 개선
• url 조작만으로 비밀방에 접근할 수 없도록
• 공부방/참여 인원이 많은 경우의 트래픽 관리
• 에러 발생시 서버 가용성 처리
• 테스트 커버리지

웹 서비스의 완성도 - GPT 답변

웹 서비스의 완성도는 주로 **기능적 안정성**, **사용자 경험(UX)**, **디자인 일관성**, **성능 최적화**, **보안성** 및 **확장성** 등의 기준을 통해 평가됩니다. 각 요소는 서비스가 얼마나 완성도 높게 사용자에게 제공되는지를 결정하는 핵심 요소입니다.

### 1. 기능적 안정성

- **버그 및 오류 최소화**: 모든 주요 기능이 예상대로 작동하고, 치명적인 버그가 없는 상태.
- **테스트 커버리지**: 단위 테스트, 통합 테스트, e2e 테스트가 이루어져 각 기능이 견고하게 동작하는지 확인.
- **디바이스 및 브라우저 호환성**: 다양한 브라우저와 기기에서 기능이 정상적으로 작동.

### 2. 사용자 경험 (UX)

- **직관적 인터페이스**: 사용자가 쉽게 이해하고 이용할 수 있는 UI 설계.
- **네비게이션의 편리함**: 주요 기능 및 정보에 접근하기 쉬운 구조와 명확한 네비게이션.
- **반응형 디자인**: 다양한 화면 크기에서도 사용하기 편리한 UX.
- **접근성**: 장애를 가진 사용자도 접근할 수 있도록 WCAG(Web Content Accessibility Guidelines) 준수.

### 3. 디자인 일관성

- **브랜드 일관성**: 모든 페이지와 구성 요소에서 일관된 스타일과 브랜드 가이드라인 준수.
- **UI 요소의 일관성**: 버튼, 입력 필드 등 UI 요소들이 각 페이지마다 일관된 디자인과 상호작용을 제공.
- **타이포그래피 및 컬러 사용의 일관성**: 디자인 시스템이 명확히 적용된 상태로, 텍스트와 색상 사용에 혼란이 없도록 구성.

### 4. 성능 최적화

- **로딩 속도**: 페이지가 빠르게 로드되며, 사용자 대기 시간을 최소화.
- **네트워크 최적화**: 이미지, 폰트, 스크립트 등의 파일 크기를 줄여 빠르게 로딩되도록 처리.
- **Lighthouse 점수**: 구글의 Lighthouse나 Web Vitals 같은 툴을 통한 성능 점수가 높아야 함.

### 5. 보안성

- **HTTPS**: 안전한 데이터 전송을 위한 HTTPS 프로토콜 적용.
- **취약점 검사**: OWASP(Top 10)와 같은 보안 표준에 따라 주요 취약점 방어.
- **데이터 암호화**: 중요한 데이터는 전송 및 저장 시 암호화 처리.
- **사용자 데이터 보호**: 개인정보 보호법이나 GDPR 등의 규정 준수.

### 6. 확장성 및 유지보수성

- **코드의 모듈화 및 재사용성**: 향후 기능 추가나 변경 시 간편하게 수정이 가능한 모듈화된 코드 구조.
- **백엔드 API의 유연성**: 백엔드가 확장 가능하며, API가 RESTful 또는 GraphQL 등의 표준에 따라 설계.
- **데이터베이스 구조의 유연성**: 데이터가 증가하더라도 성능에 큰 영향을 주지 않도록 설계.
- **확장 가능한 아키텍처**: 서비스 이용량 증가에 따른 서버 확장성 확보.