뉴스피드 프로젝트
프로젝트 개요
- 조 이름: OZO 조
- 조원: 이상현, 김미희, 권영준, 이희원
- 프로젝트 명: 너 내 동료가 될래?
- 소개
- 한 줄 정리: 게임을 같이할 사람을 쉽게 찾을 수 있도록 하는 것
- 내용: 이 프로젝트는 게임을 같이할 사람을 구하는 웹사이트를 개발하는 프로젝트입니다. 이 프로젝트를 통해 게임을 좋아하는 사람들이 서로 만나 함께 게임을 즐길 수 있도록 하는 것을 목표로 합니다.
와이어 프레임
ERD DIAGRAM
기능
기능 | 화면 | 우선순위 |
---|
회원가입 | 헤더,회원가입 | 1 |
로그인 | 로그인,헤더 | 1 |
로그아웃 | 헤더 | 1 |
게시글 표시 | 메인 | 1 |
게시글 검색 | 메인 | 2 |
글 작성 | 글 작성 | 1 |
카테고리 선택 | 글 작성,메인 | 1 |
댓글 | 게시글 | 1 |
대댓글 | 게시글 | 3 |
프로필 편집 | 사용자 상세 | 2 |
사용자 평가 | 사용자 상세 | 3 |
페이징 | 메인 | 2 |
팔로워/팔로잉 | 사용자 상세 | 4 |
접속한 사람 표시 | 헤더 | 4 |
메시지 | 헤더 | 4 |
코드 컨베션
파일 이름
컴포넌트
- 페이지 컴포넌트는 끝에
Page
붙이기. e.g) DetailPage.jsx, LoginPage.jsx
- 확장자는
.jsx
- 컴포넌트내에서 작성한 styled-components는 밑으로 위치!
자바스크립트 파일
- 카멜케이스로 작성
e.g) common.js , dateHelper.js
함수
- 모든 함수 이름은 동사형으로
e.g) addComment, checkIsDone
- 모든 함수는 화살표 함수로
- 카멜케이스로 작성
변수
- 상수는 모두 대문자로, 단어 구분 필요시 언더바로 작성
e.g) const MAX_COUNT = 20
- 모든 변수의 기본은
const
, 필요시에만 let
으로 작성
- 카멜케이스로 작성
- 모호한 변수명 금지!
e.g) a = 1; test = 3;