Supersett
개발자의 하루
Supersett
Blockchain Dev
전체 방문자
오늘
어제
  • 분류 전체보기
    • 프론트
    • 회사생활
    • 블록체인
    • 프로젝트
      • 창업 프로젝트 (DRF + AWS)
      • Spring 프로젝트
    • [중앙대]멋쟁이 사자처럼
    • 기술서적
    • Problem Solving
      • 알고리즘
    • 일기장
      • 하루 정리
      • 삽질 일기
      • 조급할 때 눌러보기

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 멋쟁이 사자처럼
  • 국비교육
  • 신입개발자
  • Near Explorer
  • java
  • 블록체인정보가공
  • 자바
  • 국비지원
  • 멋쟁이사자처럼 중앙대
  • 취업준비
  • 프로젝트
  • 멋사 중앙대
  • 블록체인 서버설계
  • 자바스크립트
  • 초보개발자
  • 멋쟁이 사자처럼 면접
  • 멋쟁이 사자처럼 서류
  • Multichain API
  • 면접준비
  • 니어프로토콜
  • DEPROMEET
  • 비트코인
  • Near Scan
  • 글리치해커톤
  • 디프만16기
  • Luniverse
  • 컴퓨터학원
  • 구글소셜로그인
  • 국비
  • 해커톤

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Supersett

개발자의 하루

[버튼 빨리 누르기 게임] 3일 배우고 이거 저거 넣어본.. / JavaScript
프로젝트/Spring 프로젝트

[버튼 빨리 누르기 게임] 3일 배우고 이거 저거 넣어본.. / JavaScript

2021. 12. 29. 16:15

순발력테스트.zip
0.40MB

[개요]

정해진 시간안에 모든 버튼을 한번씩 클릭해야 통과하는 게임

 

[난이도 조절]

ㅡ 버튼의 크기

ㅡ 버튼의 위치

 

[준비물]

1. 버튼 10개 + <Clear> 버튼 + <시작> 버튼

2. <난이도 설정> 버튼

3. 타이머

 

[필요한 기능 구상]

ㅡ 성공,실패 시 이벤트

ㅡ 버튼이 눌렸을때 바뀌는 이벤트

ㅡ 성공에 대한 조건 설정 

ㅡ 실패에 대한 조건 설정

ㅡ 게임이 종료되면 리셋되게끔 설정

[셀프 피드백]

[좋았던 점]

ㅡ 그래도 3일동안 했던 기능들 꽤 많이 집약해 넣은 것 같고 하다보니 두루뭉술하게 받아들였던 부분이 구체화됬었다.

ㅡ 실제로 유효성검사 1시간 동안 애먹으면서 이거저거 찾아보고 해결해 나가면서 확실해진게 성취감을 느꼈다.

 

[아쉬웠던 점]

ㅡ 자바스크립트가 다이나믹한 DHTML을 구현한다고 해서 결과물의 기대가 컸지만,, 다이나믹하지 않고 삼삼했다..

ㅡ 난이도를 높이기 위해서 버튼 위치를 좀 난잡하게 하고싶었는데 유효성검사와 다른 기능에 애먹느라 시간이 오래 걸려서 그냥 일렬로 나열했다.

ㅡ 다음 토이 프로젝트는 조금 더 완성도 있게 만드려고 노력할것이다.

 

[결과물]

소요 시간 ㅡ 22:00~24:10 (2시간10분)

시작
시작을 누르면 3초의 카운트 다운 시작

 

덜 누르고 종료 누르면 유효성 검사 걸려버림
성공시 창 넘어감

 

실패시 창 넘어감

 

'프로젝트 > Spring 프로젝트' 카테고리의 다른 글

220103 [월] 4차 세미 프로젝트 회의  (0) 2022.01.03
[랜덤 당첨 룰렛] / jQuery  (1) 2021.12.31
211230 [목] 세미 프로젝트 3차 회의  (0) 2021.12.29
211227 [월] 세미프로젝트 2차 회의  (0) 2021.12.25
211224 [금] 세미 프로젝트 회의 1회차  (0) 2021.12.24
    '프로젝트/Spring 프로젝트' 카테고리의 다른 글
    • 220103 [월] 4차 세미 프로젝트 회의
    • [랜덤 당첨 룰렛] / jQuery
    • 211230 [목] 세미 프로젝트 3차 회의
    • 211227 [월] 세미프로젝트 2차 회의
    Supersett
    Supersett
    하루를 돌아보고 공부한 티를 내기 위해 블로그를 만들었습니다.

    티스토리툴바