pycraft114 / octodog

Octodog에 오신걸 환영합니다.

팀 활동을 하는데 있어서 해 나가야 할 것들.

1.git branch를 잘 정리하고 Convention을 지키자.

—master 브랜치에서 dev브랜치를 따온후, 그 dev브랜치에서 각각 기능별 세부 브랜치 생성하자

—세부 브랜치 네이밍을 하는데 있어서 각각의 브랜치가 어떠한 기능을 담당하는지 semantic하게 짓자.

—commit은 많이,자주 하자.

—pull request를 pull request답게 하자.

2.하루에 한번씩 팀 원들 간 회고를 정리하자.

3.최대한 팀원들 간의 의존성을 줄일수 있도록 하자.(한명이 코딩을 하기위해 다른 팀원들의 작업이 끝나기를 기다리는 일 없도록.)

4.조장은 주 마다 돌아가면서 하자.

5.페어코딩을 꼭 해보자.

6.백로그에 작성되는 이슈를 좀더 세분화 하고, github 프로젝트에서 해당 이슈의 특징, 완료조건등을 더 상세화 하자.(이슈의 세분화가 잘 안된다 싶으면, 이슈 내에서 완료조건을 세 단계로 나눌것.)

7.팀원들 간의 소통을 자주 하고, 우리는 팀 이라는 정체성을 가지자.

8.서로의 질문을 존중하자

화이팅

---

코드 컨벤션

• HTML의 id, class는 lower case에 (-)를 사용한다.
• 이슈의 완료 조건은 체크 박스로 작성
• 네임 스페이스 단위로 함수와 변수를 작성한다.(최상단 파일은 octodog 이다)
• 네임 스페이스로 전역 변수를 최소화한다.

---

목표

week2

• 찬우 : 회원가입, 패스포트 분석
• 똘맛 : 테트리스 게임 완성(게임 오버, 포인트 등), 다음블럭 미리보기
• 은우 : 프로필 페이지 완성, 게임페이지 right-section 랭킹

week3

• 찬우 : 로그인, 로그아웃, 코드 리팩토링(기능 구현 후, 생성자 함수 형식으로 구현, 중첩 코드 분리)
• 똘맛 : 게임 알고리즘 시각화, 레벨 상승기능, 게임 오버시 데이터베이스에 점수 올리기, 리팩토링
• 은우 : 추가 기능 구현, 코드 리팩토링(생성자 함수 형식으로 구현, 중첩 코드 분리), 랭킹 스크롤 이벤트 추가

---

작업의 프로세스

1. 함수 단위로 커밋을 자주 한다
2. 커밋할 때마다 이슈에 완료 조건 생성/체크를 지향한다.
3. Push후 이슈가 완료되었다면 프로젝트에서 이슈 카드를 Done에 위치시킨다.
4. 다음 작업할 이슈를 Doing으로 가져온다.
5. 작업이 끝날때 까지 무한 반복

---

백로그.

---

Demo

octodog's Issues

[3-4] 게임페이지 점수표시

[설명]
해당 위치에 점수를 표시한다

[작업 시간]
4h

[완료 조건]

• 블럭열이 삭제될때마다 일정점수가 상승한다.

[2-0-1]로그인 페이지의 HTML과 Css 구현하기.

[2-2]로그인 요청

데이터베이스 조회를 통한 세션 획득.
이후 로그인 했을때 메인페이지로 유저 보내기

[3-1] 게임페이지 테트리스구현

[설명]
게임창에서 키보드로 조작 가능한 테트리스 게임구현

[작업 시간]
미정

[완료 조건]

• 정사각형 도형생성
• 위의 도형을 바탕으로 테트리스 블록 구현, 7종의 블록중에 랜덤으로 구헌
• 시간이 지남에 따라 한칸씩 아래로 내려옴
• 화살표위쪽을 누르면 회전
• 좌우 화살표를 누르면 각각방향으로 이동
• 아래쪽 화살표를 누르면 아래로 이동
• 스페이스바를 누르면 바닥까지 이동
• 열이 블록으로 가득차면 해당열을 삭제하고 점수가 증가
• 화면 최상단에 블록이 닿으면
• 일시정지 버튼 누르면 일시정지가 되면서 중앙에 Pause텍스트 출력
• 게임오버시 중앙에 GameOver 텍스트 출력
• 게임오버시 DB의 scoreboard테이블에 기록저장

[3-3] 게임페이지 레벨표시

[설명]
해당 위치에 게임 레벨을 표시한다

[작업 시간]
4h

[완료 조건]

• 일정 블럭 열을 삭제하면 레벨이 올라가고 게임속도가 빨라진다

[4-1] 프로필 페이지 개인정보 출력

[설명]
프로필 페이지에서 해당 사용자의 개인 정보를 출력 한다.

[작업 시간]
1day

[완료 조건]

• 데이터베이스에서 ID에 해당하는 개인정보를 가져와 left section에 출력한다.

• 데이터베이스에서 email에 해당하는 개인정보를 가져와 left section에 출력한다.

• 데이터베이스에서 date에 해당하는 개인정보를 가져와 left section에 출력한다.

• 데이터베이스에서 play,에 해당하는 개인정보를 가져와 left section에 출력한다.

• 데이터베이스에서, ranking에 해당하는 개인정보를 가져와 left section에 출력한다.

• 데이터베이스에서, total point에 해당하는 개인정보를 가져와 left section에 출력한다.

4주차 octoDog 고쳐야할점

• 세션유지중일때 로그인페이지 접근 못하도록하기

• 비밀번호 변경시 db오류 발생

• loginPage_Refactoring.js 쿼리셀렉터 Ajax 이제 유틸꺼로부터 가져다쓰기(수정할것)

• 비밀 번호 변경 했을때 변경 되었다는 사실을 유저가 알수있도록

• 게임 오버 되었을 때 새로고침 하지 않아도 랭킹 표시하는부분이 렌더링 되었으면 좋겠음

• 테트리스 블록 회전하는것 순서있게 회전할수 있도록 수정

• 키입력했을 때 뾰롱뾰롱 소리나기 & 블록이 깨질때 소리나기 (고려사항)

• 익명 사용자가 프로필 페이지에 접근 시 경고창 출력

• 서버사이드 템플릿 랜더링

[4-4] 프로필 페이지 비밀번호 modal 구현

[설명]
프로필 페이지에서 해당 사용자의 프로필 사진을 변경 한다.

[작업 시간]
1day

[완료 조건]

• 모달 페이지 프레임 구현

• 로컬 에서 바꿀 비밀번호가 동일한지 비교

• 서버에서 해당 비밀번호가 맞는지 확인

• 요청한 비밀번호로 변경해 줌

[3-6] 게임페이지 시작버튼

[설명]
버튼을 누르면 게임이 시작된다.

[작업 시간]
1h

[완료 조건]

• 버튼을 누르면 게임이 시작된다.

[3-5] 게임페이지 남은블럭수 표시

[설명]
다음레벨 까지 몇블록열을 더 부숴야 하는지 표시해줌

[작업 시간]
4h

[완료 조건]

• 다음레벨 까지 몇블록열을 더 부숴야 하는지 표시해줌

[3-2] 게임페이지 블럭미리보기

[설명]
다음에 나올 블럭을 미리 보여준다.

[작업 시간]
3h

[완료 조건]

• 랜덤으로 블럭을 골라 미리 보여줌
• 해당 블록이 다음번에 게임창에 나오도록 함

[3-8] 게임 페이지 랭킹 창

[설명]
게임 페이지 랭킹 창 출력

[작업 시간]
1week

[완료 조건]

• 게임 페이지 랭킹 창 출력

• 데이터 베이스 연동

• 랭킹 더보기 기능 추가

img for readme

[2-5]회원가입 요청

데이터 베이스 회원정보 삽입

• DB조회 했을 때 , 입력한 값이 DB에 없을경우 데이터 저장.
  있을경우 warningListNode에 id가 사용중인지 email을 사용중인지 판단.

[2-0-2]회원가입 모달 레이아웃 만들기

[2-0]로그인 페이지 레이아웃 구현하기

로그인 페이지의 HTML과 Css 구현하기.

[3-7] 게임페이지 스코어보드 출력

[설명]
스코어보드에 상위랭크 10위까지를 표시
순위, 아이디, 프로필사진, 점수

[작업 시간]
2day

[완료 조건]

• DB의 scoreboard 테이블에서 점수순으로 내림차순 정렬후 10개의 rows를 가져옴
• 해당 rows의 uid를 가지고 user테이블에서 아이디와 프로필 사진정보를 가져옴
• 템플릿에 넣고 잘 버무려줌 -> 잘 출력된다 만세

[4-3] 프로필 페이지 차트 삽입

[설명]
프로필 페이지에서 해당 사용자의 랭크 차트 정보를 출력 한다.

[작업 시간]
1day

[완료 조건]

• 차트 페이지를 모듈화, Bar Type 차트를 데이터베이스와 연동하여 update

• 데이터베이스에서 point에 해당하는 개인정보를 가져와 right section 차트와 동기화한다.

[4-2] 프로필 페이지 프로필 사진 변경

[설명]
프로필 페이지에서 해당 사용자의 프로필 사진을 변경 한다.

[작업 시간]
1day

[완료 조건]
데이터베이스에 사용자의 프로필 사진을 업데이트 하여 변경한다. 이 후 메인페이지에서 프로필 사진이 변경된것을 확인한다