프론트엔드 ・ Novice
React 상태관리 라이브러리 사용하지 않고 다른색깔 찾기 게임 만들어보기
React 상태관리 라이브러리 사용없이 게임 만들기

넘블 주최
서면 피드백
넘블 인증서
23.05.30 ~ 23.06.112주
29.05.29 까지
🎁NUMBLE’s EVENT
넘블을 이겨라!
넘블 크루들도 만들어놓고 즐겨하는 ‘다른색깔찾기’ 게임
넘블러들, 레벨 몇까지 가능? 넘블 크루와 대결해서 이겨보든가~~
대회일 : 딥다이브 종료일 후 디스코드에 공지합니다~
참가자격 : 딥다이브 참가한 모두!
보상 : 디스코드에 공지합니다~
🎫 딥다이브 내용을 소개할게요
1️⃣가이드라인에 제공되는 페이지를 클론 코딩할 거에요
상세 스펙은 다음과 같아요
Math.pow(Math.floor((stage/2) + 1), 2)
개의 사각형이 표시되며, 그 중 하나만 색깔이 다릅니다.
- 한 stage의 제한 시간은 15초입니다.
- 색이 다른 사각형(정답)을 클릭한 경우 아래 변경사항이 적용됩니다.
- 다음 스테이지로 넘어갑니다.
- stage * stage * 남은시간 만큼의 score가 누적됩니다.
- 오답을 클릭한 경우 아래 변경사항이 적용됩니다.
- 현재 stage의 남은 시간이 3초 줄어듭니다.
- 남은 시간이 0초 이하가 되면 게임이 종료됩니다. 최종 stage와 누적 score를 출력하고, 새로운 게임을 시작할 수 있습니다.
- stage가 올라갈수록 정답과 오답의 색상 차이가 줄어듭니다.
2️⃣ 다음의 조건에 맞게 진행해주세요.
- React Framework를 사용할 것
- Function Component를 활용할 것
- Javascript보다는 Typescript를 활용할 것
- 서버에 배포할 것 (Vercel과 같은 서비스를 이용해보세요)
- Context, Redux, Mobx, Recoil 등 상태관리 도구를 사용하지 않을 것
👍 이 딥다이브는 이런 분들에게 권장해요
state, prop 활용을 더 잘하고 싶은 0-1년차 React 기반 프론트엔드 개발자
더 자세히는?
- state의 사용 방법에 대해 공부하고 싶으신 분
- 적절한 prop 사용을 통한 탄력적인 컴포넌트 작성을 연습하고 싶으신 분
- 배웠던 지식을 실전을 통해 체득하고 싶으신 분
- 어떤 데이터를 state로 지정했는가, 어느 component가 어느 state를 가지고 있어야 하는가를 실전적인 예시를 통해 학습하고 싶으신 분
- 같은 취준생분들과 경쟁하며 motivation을 얻고 정해진 시간 안에 프로젝트를 진행해보고 싶으신 분
- 같은 취준생분들과 경쟁해 상위 10% 안에 들어 보상을 받고 싶으신 분
- 보상이 아니어도 의미있는 프로젝트를 진행하며 프론트엔드 개발자로서 성장하고 싶으신 분
- React를 활용하는 데에 가장 핵심적인 state와 prop라는 개념을 탄탄히 다지고 가고 싶으신 분
😎 평가기준이 궁금해요!

운영방법은 다음과 같습니다!
참여자들끼리 함께 하기에 특별한 넘블 딥다이브예요!.
딥다이브는 개인으로 진행 또는 팀으로 진행 모두 가능합니다!
- 개인 참여일 경우)
- 딥다이브 시작일에 디스코드에 초대돼요.
- 참가한 딥다이브 채널에서 #인사이트 공유채널, #qna채널, #weekly scrum 등 디스코드를 통해 다른 참가자들과 프로젝트를 하면서 인사이트를 주고받고, 몰랐던 것을 새로 배우며 성장할 수 있어요.
- 참여자들끼리 같은 미션을 해결하기에 서로 질의응답하며 성장해요.
- 참여자들의 결과물은 참여자들끼리 모두 공유해요. 이 때 TOP 3는 피드백과 함께 공유되기에 많은 인사이트를 얻을 수 있어요.
- 팀 참여일 경우)
- 원하는 넘블러님들에 한해 팀빌딩을 제공해드려요. 팀원들은 함께 스터디하고 서로의 결과물에 대해 피드백을 주는 동료에요. 단, 함께 결과물을 만드는 것은 아닙니다.
- 참여자들끼리 주별 목표와 목표달성여부, daily scrum을 올리기에 서로를 보며 자극받고 동기부여돼요.
- 참여자들끼리 같은 미션을 해결하기에 서로 질의응답하며 성장해요. * 물론 딥다이브 호스트님도 성실히 질문에 답변해주실 거에요
- 참여자들의 결과물은 참여자들끼리 모두 공유해요. 이 때 TOP 3는 피드백과 함께 공유되기에 많은 인사이트를 얻을 수 있어요. 5) 팀끼리 참여하는 것이다 보니, 팀 운영에 참여는 필수입니다! 딥다이브 기간동안 의지 넘치게 참여해주시길 부탁드립니다!
- 더 자세한 내용이 궁금하다면?
- 팀 활동 주의사항 링크를 확인해주세요!
💰 환불 기준
딥다이브 오픈 전날까지는 결제하신 금액 100% 환불 가능합니다. 하지만 딥다이브 오픈당일부터는 환불 불가합니다.
- ~ 딥다이브 시작 전날 자정(23:59) 전까지
- 환불 100% 가능
- 딥다이브 시작날 이후
- 환불 불가
❓FAQ
- 딥다이브 결과물을 빨리 만들었어요! 미리 제출해도 되나요?
물론입니다! 딥다이브 종료 전까지만 결과물 제출해주시면 돼요! 단, 먼저 제출하셔도 가산점은 없습니다!
- 팀빌딩 기준은 어떻게 되나요?
넘블 인재풀, 연차, 팀장 선호 여부 등 여러 요건들을 고하여 팀빌딩을 제공해드립니다.
팀빌딩을 희망하시는 분들은 활발한 참여를 부탁드립니다!
- 제휴권은 무엇인가요?
제휴권은 저희 넘블과 제휴를 맺은 학교/기관의 학생들에 한해서 사용할 수 있는 할인혜택입니다. 현재는 한양대 컴퓨터소프트웨어학과 학생들과 한국외대 컴퓨터공학부 학생들께 할인혜택을 제공하고 있습니다.
제휴를 맺는 프로세스는 어렵지 않으니, 하단의 채널톡이나 numble.business@gmail.com을 통해 [제휴요청]이라고 보내주시면 담당자가 바로 연락드리겠습니다!