meta-pixel
프론트엔드Novice

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

  • React
  • 클론코딩

React 상태관리 라이브러리 사용없이 게임 만들기

thumbnail
넘블 주최

서면 피드백

넘블 인증서

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️⃣ 다음의 조건에 맞게 진행해주세요.

  1. React Framework를 사용할 것
  1. Function Component를 활용할 것
  1. Javascript보다는 Typescript를 활용할 것
  1. 서버에 배포할 것 (Vercel과 같은 서비스를 이용해보세요)
  1. Context, Redux, Mobx, Recoil 등 상태관리 도구를 사용하지 않을 것
 

👍 이 딥다이브는 이런 분들에게 권장해요


state, prop 활용을 더 잘하고 싶은 0-1년차 React 기반 프론트엔드 개발자

 
더 자세히는?
  • state의 사용 방법에 대해 공부하고 싶으신 분
  • 적절한 prop 사용을 통한 탄력적인 컴포넌트 작성을 연습하고 싶으신 분
  • 배웠던 지식을 실전을 통해 체득하고 싶으신 분
  • 어떤 데이터를 state로 지정했는가, 어느 component가 어느 state를 가지고 있어야 하는가를 실전적인 예시를 통해 학습하고 싶으신 분
  • 같은 취준생분들과 경쟁하며 motivation을 얻고 정해진 시간 안에 프로젝트를 진행해보고 싶으신 분
  • 같은 취준생분들과 경쟁해 상위 10% 안에 들어 보상을 받고 싶으신 분
  • 보상이 아니어도 의미있는 프로젝트를 진행하며 프론트엔드 개발자로서 성장하고 싶으신 분
  • React를 활용하는 데에 가장 핵심적인 state와 prop라는 개념을 탄탄히 다지고 가고 싶으신 분
 
 

😎 평가기준이 궁금해요!


notion image
 

운영방법은 다음과 같습니다!

📌
참여자들끼리 함께 하기에 특별한 넘블 딥다이브예요!.
딥다이브는 개인으로 진행 또는 팀으로 진행 모두 가능합니다!
  • 개인 참여일 경우)
    • 딥다이브 시작일에 디스코드에 초대돼요.
    • 참가한 딥다이브 채널에서 #인사이트 공유채널, #qna채널, #weekly scrum 등 디스코드를 통해 다른 참가자들과 프로젝트를 하면서 인사이트를 주고받고, 몰랐던 것을 새로 배우며 성장할 수 있어요.
    • 참여자들끼리 같은 미션을 해결하기에 서로 질의응답하며 성장해요.
    • 참여자들의 결과물은 참여자들끼리 모두 공유해요. 이 때 TOP 3는 피드백과 함께 공유되기에 많은 인사이트를 얻을 수 있어요.
  • 참여일 경우)
    • 원하는 넘블러님들에 한해 팀빌딩을 제공해드려요. 팀원들은 함께 스터디하고 서로의 결과물에 대해 피드백을 주는 동료에요. 단, 함께 결과물을 만드는 것은 아닙니다.
    • 참여자들끼리 주별 목표와 목표달성여부, daily scrum을 올리기에 서로를 보며 자극받고 동기부여돼요.
    • 참여자들끼리 같은 미션을 해결하기에 서로 질의응답하며 성장해요. * 물론 딥다이브 호스트님도 성실히 질문에 답변해주실 거에요
    • 참여자들의 결과물은 참여자들끼리 모두 공유해요. 이 때 TOP 3는 피드백과 함께 공유되기에 많은 인사이트를 얻을 수 있어요. 5) 팀끼리 참여하는 것이다 보니, 팀 운영에 참여는 필수입니다! 딥다이브 기간동안 의지 넘치게 참여해주시길 부탁드립니다!
    • 더 자세한 내용이 궁금하다면?
 

💰 환불 기준

📌
딥다이브 오픈 전날까지는 결제하신 금액 100% 환불 가능합니다. 하지만 딥다이브 오픈당일부터는 환불 불가합니다.
  1. ~ 딥다이브 시작 전날 자정(23:59) 전까지
    1. 환불 100% 가능
  1. 딥다이브 시작날 이후
    1. 환불 불가
    2.  

❓FAQ

  • 딥다이브 결과물을 빨리 만들었어요! 미리 제출해도 되나요?
🔹
물론입니다! 딥다이브 종료 전까지만 결과물 제출해주시면 돼요! 단, 먼저 제출하셔도 가산점은 없습니다!
  • 팀빌딩 기준은 어떻게 되나요?
🔹
넘블 인재풀, 연차, 팀장 선호 여부 등 여러 요건들을 고하여 팀빌딩을 제공해드립니다. 팀빌딩을 희망하시는 분들은 활발한 참여를 부탁드립니다!
  • 제휴권은 무엇인가요?
🔹
제휴권은 저희 넘블과 제휴를 맺은 학교/기관의 학생들에 한해서 사용할 수 있는 할인혜택입니다. 현재는 한양대 컴퓨터소프트웨어학과 학생들과 한국외대 컴퓨터공학부 학생들께 할인혜택을 제공하고 있습니다. 제휴를 맺는 프로세스는 어렵지 않으니, 하단의 채널톡이나 numble.business@gmail.com을 통해 [제휴요청]이라고 보내주시면 담당자가 바로 연락드리겠습니다!
 
 
 
 

상담 운영 시간 : 평일 10:00 ~ 18:00

점심시간 : 평일 13:00 ~ 14:00

주말, 공휴일 휴무

대표자 박유진

상호명 주식회사 피스오브무드

사업자등록번호 735-86-01467

통신판매업번호 2019-서울마포-2170

주소 서울특별시 마포구 아현동 백범로31길 21 4층

Copyright Pieceofmood. All rights reserved