![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRmZcp%2FbtrsqClK8or%2FgzVFDfmO76OHN8Efm1OatK%2Fimg.png)
[1人 프로젝트] 다른 색깔 찾기 게임 2회차
2022. 2. 5. 23:50
프로 젝트/다른 색깔 찾기
🎉 성과 완성한 부분 15초 시간제한 기능 다시 구현하기(setTimeout → setInterval) 색깔 다른 사각형 클릭시 스테이지 +1, 시간 15초로 초기화, 점수 Math.pow(stage, 3) * 남은시간 색깔 같은 사각형 클릭시 시간 3초 감소 ✨ 느낀점 👍 알게 된 점 setInterval을 사용하여 15초 제한 다시 구현 useEffect 함수는 timer가 변경될때마다 실행이 되는데, 이를 통해 time함수가 실행되어 1초씩 감소하게된다. 그러나 강제로 시간을 15초로 초기화하니, time()함수가 2번이 실행되어서 15초 -> 13초 -> 11초 ... 2초씩 감소하게 되었다. 그래서 setTimeout을 버리고, setInterval을 사용하게 되었다. 근데, setInterva..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FXQOAF%2FbtrsqBtip3Q%2FDkpJ2fYpaWg00kKBn1Sqn0%2Fimg.png)
[1人 프로젝트] 다른 색깔 찾기 게임 1회차
2022. 2. 4. 23:50
프로 젝트/다른 색깔 찾기
도전을 즐겁게, 넘블 No Humble, We Numble! www.numble.it 👩💻 이 프로젝트로 정한 이유 스스로 React에 대해 잘모른다고 생각했기때문에 추가적인 토이 프로젝트를 진행하겠다고 생각했다. 혼자서 프로젝트를 하는것은 의욕이 나지않는다고 생각해 인터넷을 통해 함께 프로젝트를 진행하는게 있는지 찾아보았다. 넘블이라는 사이트에서 React를 활용해 다른 색깔 찾기 게임을 제작하는 프론트엔드 개발자 챌린지가 있다는 것을 알게되었고, 오늘부터 진행하게 되었다. 특이한 점은 아무런 교육이나 강의가 없고, 조건과 힌트만 주어진 상태에서 혼자서 프로젝트를 개발하는 것이다. 🎉 성과 완성한 부분 15초 시간제한 기능 구현하기 0초 되었을때, 게임종료가 되었다는 메시지 띄우기 사각형의 색상을 랜..