pycraft114/octodog

octodog's Issues

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

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

[작업 시간]
4h

[완료 조건]

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

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

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

[작업 시간]
4h

[완료 조건]

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

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

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

[작업 시간]
1h

[완료 조건]

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

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

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

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

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

[작업 시간]
4h

[완료 조건]

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

[2-2]로그인 요청

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

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

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

[작업 시간]
1week

[완료 조건]

• 게임 페이지 랭킹 창 출력

• 데이터 베이스 연동

• 랭킹 더보기 기능 추가

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

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

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

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

[작업 시간]
3h

[완료 조건]

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

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

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

[작업 시간]
1day

[완료 조건]

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

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

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

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

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

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

img for readme

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

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

[작업 시간]
1day

[완료 조건]

• 모달 페이지 프레임 구현

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

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

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

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

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

[작업 시간]
2day

[완료 조건]

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

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

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

[작업 시간]
미정

[완료 조건]

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

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

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

[작업 시간]
1day

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

[2-5]회원가입 요청

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

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

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

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

[작업 시간]
1day

[완료 조건]

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

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

4주차 octoDog 고쳐야할점

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

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

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

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

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

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

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

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

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