React 상태관리 라이브러리 사용하지 않고 다른색깔 찾기 게임 만들어보기

🎁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을 통해 [제휴요청]이라고 보내주시면 담당자가 바로 연락드리겠습니다!

딥다이브 일정을 알려드릴게요!

5월 30일(월) ~ 6월 11일(일) (총 2주)

5월 30일 (화) 오전 10시 : 딥다이브 안내문자 전달

디스코드 가입 링크, 가이드라인 오픈

오후 8시 : 팀미팅

6월 11일(일) 오후 11시 59분 : 챌린지 결과물 제출 마감

6월 23일(금) 오후 7시 : 결과 발표

🔶보상 1.

상위 3명에 선정되신 분들께는 호스트의 피드백(온라인 피드백 및 서면 피드백 )을 제공해드려요! 본인의 결과물을 바탕으로 호스트에게 직접 피드백을 받을 수 있어요! 상위에 든 다른 참가자의 결과물도 함께 보며 내 것과 비교/분석하며 인사이트를 얻어가세요!

🔶보상 2.

상위 3명에 선정되신 분들, 딥다이브 결과물을 제출해주신 분들께는 이력서에 바로 어필할 수 있게끔 넘블에서 이번 딥다이브를 통해 성장한 역량을 어필할 수 있게 자동 완성해드려요! (딥다이브 참가내역에서 확인 가능합니다!)

🔶보상 3.

상위 3명에 선정되신 분들, 딥다이브 결과물을 제출해주신 분들께는 넘블 수료증이 발급돼요! 이미 많은 분들이 넘블의 결과물을 이력서와 포트폴리오에 활용하시고 있어요! 넘블이 인증한 실력자라는 타이틀을 얻어가세요! (인증서는 신청하신 분들에 한해서 제공됩니다! 신청방법은 ‘FAQ’에서 확인해주세요!)