시간은 금! 챌린지를 딱 4줄로 요약해볼게요 
•
이 챌린지는 React를 더 React스럽게 사용하고 싶은 0~1년차 React 기반 프론트엔드 개발자에게 적합해요.
•
이 챌린지에서 우리는 Context, Redux, Recoil 등 상태관리 라이브러리를 사용하지 않고 다른 색깔 찾기 게임을 제작할 거예요.
•
이 챌린지를 통해 우리는 이 챌린지를 통해 우리는 요구사항에 따라 적절한 단위로 component를 나눠볼 수 있고, 어느 component가 어느 state를 가지고 있어야하는가에 대해 실전적으로 익힐 수 있으며, 적절한 prop을 사용해 탄력적인 component 작성에 대해서도 연습할 수 있어요.
•
2월 4일부터 2월 13일 자정까지 모든 기능을 구현해 서버에 배포하고 챌린지 결과물을 제출하면, 상위 10%에 선정된 모든 넘블러분들께는 Next.js, Nest.js contributor이며 3년차 풀스택 개발자의 개선 피드백이 주어져요. 게다가 더 자세한 코드리뷰와 피드백 or 상금 10만원 을 선택해서 얻어갈 수 있다는 사실!
4줄 요약만으로 부족했다면, 10분 안에 설명해볼게요
<[React] 상태관리 라이브러리를 사용하지 않고 다른 색깔 찾기 게임 제작 챌린지> 10분 안에 살펴보기
* 목차를 누르면 각 본문으로 이동할 수 있어요.
6.
이 챌린지는 이런 분들에게 권장해요
React를 더 React 스럽게 사용하고 싶은 0~1년차 프론트엔드 개발자
더 자세히는?
•
Component를 체계적으로 나누고, 정의해보고 싶으신 분
•
적절한 prop 사용을 통한 탄력적인 컴포넌트 작성을 연습하고 싶으신 분
•
useState,useEffect,useReducer 등 React hook을 더 공부하고 싶으신 분
•
어떤 데이터를 state로 지정했는가, 어느 component가 어느 state를 가지고 있어야 하는가를 실전적인 예시를 통해 학습하고 싶으신 분
•
배웠던 지식을 실전을 통해 체득하고 싶으신 분
•
같은 취준생분들과 경쟁하며 motivation을 얻고 정해진 시간 안에 프로젝트를 진행해보고 싶으신 분
•
같은 취준생분들과 경쟁해 상위 10% 안에 들어 보상을 받고 싶으신 분
•
보상이 아니어도 의미있는 프로젝트를 진행하며 프론트엔드 개발자로서 성장하고 싶으신 분
상위 10% 안에 든다면, 특별한 혜택이 주어져요
혜택
Next.js, Nest.js Contributor이며 전 생각하는 머글들 CTO를 맡으신 3년차 풀스택 개발자가 참가자 전원에게 1~2줄 피드백 및 모범답안을 제공하고, 상위 10%에 선정되면 더 자세한 코드 리뷰 or 축하금 10만원 중 선택한 보상 1개를 드려요!
혜택
넘블 참여자 중 유능한 인재로 인정받아 다른 챌린지의 백엔드 개발자, 기획자, 디자이너 상위 10%이 모여 있는 팀원 모집 풀에 들어갈 수 있어요. 거기서 인정받은 사람들과 팀을 꾸려 실제 런칭부터 운영까지 하는 후속 챌린지가 열려요!
혜택
넘블 포인트를 지급해요! 결과물 제출 완료한 모든 분들에게 100 포인트를 지급하며, 상위 10%에게는 200 포인트를 지급합니다.
넘블 포인트 제도를 더 자세히 알고 싶다면 클릭해주세요.주의 제대로 동작하는 결과물이 10%가 되지 않는다면, 참가자의 10%보다 적은 인원이 혜택 대상자로 선정될 수 있어요. 챌린지 미션을 소개할게요
아래 페이지를 클론 코딩할 거에요
이번 챌린지에선 마크업보다 데이터 흐름, 컴포넌트 구분에 집중해주세요!
상세 스펙은 다음과 같아요
다음의 조건에 맞게 진행해주세요.
1.
React Framework를 사용할 것
2.
Function Component를 활용할 것
3.
Javascript보다는 Typescript를 활용할 것
4.
서버에 배포할 것 (Vercel과 같은 서비스를 이용해보세요)
5.
Context, Redux, Mobx, Recoil 등 상태관리 도구를 사용하지 않을 것
결과물은 아래와 같은 형식으로 제출해주세요.
좋아요, 해보고 싶어졌어요!
그럼 참가 신청은 어떻게 하나요?
•
2022년 2월 3일까지 챌린지에 참가할 분을 모집하고 있어요.
•
이 챌린지는 참가비 1만원을 받고있어요.
퀄리티와 상관없이 결과물을 제출하면 1만원을 100%환급해 드려요.
•
참가하게 되면, 22년 2월 4일부터 2월 13일 23:59까지 10일 동안 챌린지 결과물을 만들어요.
•
결과물은 미리 제출할 수 있어요.
참가하고 싶다면, 아래 챌린지 참가신청 버튼을 눌러 신청서를 작성해주세요.
친구와 함께 도전해보는건 어떤가요?
친구 초대해 친구도 나도 결과물 제출하면 스벅 커피 쿠폰을 받아요.
*참가자 모집 기간 동안 최소 인원이 충족되지 않을 경우 챌린지가 열리지 않을 수 있어요.
친구들과 함께 도전해보는 건 어때요? 챌린지에 참가할 친구를 추천하고, 친구도 나도 결과물을 제출하면 함께 스벅 커피 쿠폰을 받을 수 있어요.
참가비 1만원을 결제하는 방법은 다음과 같아요.
1.
넘블 우측 상단에 로그인 버튼을 클릭해주세요.
2.
이메일 및 핸드폰번호를 입력해주시고 시작하기 버튼을 눌러주세요.
a.
해당 핸드폰번호로 메시지를 보낼 수 있으니 핸드폰번호도 정확히 입력부탁드려요
3.
이메일 인증 및 핸드폰번호 등록을 진행해주세요.
4.
비밀번호를 등록해주세요.
6.
결제완료!
7.
만약 챌린지 구글신청폼을 작성해주셨는데 결제를 하지 않으셨을 경우 따로 안내 문자를 전달드립니다
참가비 환급은 이렇게 해드려요!
1.
참가비 1만원은 챌린지 종료 이후 2주안에 카드결제 취소 방식으로 환급해드려요!
2.
결과물의 퀄리티와 상관없이 결과물을 numble.challenge@gmail.com으로 제출하신 분들께는 모두 환급해드려요!
3.
만약 결과물을 제출했는데도 환급받지 못했을 경우 우측 하단의 채널톡을 통해 문의주시면 신속하게 환급을 도와드릴게요
결과물을 제출하면 벌어지는 일.txt
Next.js, Nest.js Contributor 멘토의 꼼꼼한 평가 및 상위 10%에게 꼼꼼한 코드 리뷰
•
상위 10%로 선정되는 결과물은 최소 50점 이상을 충족한 결과물입니다.
•
상위 10%에게는 코드 리뷰 및 피드백 혜택이 주어져요. (상금을 선택할 경우, 상금이 지급돼요.)
FAQ
•
왜 상태관리 라이브러리를 사용하지 않고 다른 색깔 찾기 게임 제작인가요?
첫 번째로 state의 사용법에 대해 공부해볼 수 있습니다.
어떤 데이터를 state로 지정했는가, 어느 component가 어느 state를 갖고 있어야하는가는 React를 사용함에 있어 가장 핵심적인 부분이지만 실전적인 예시가 없어 놓치기 쉽습니다.
두번째로, 적절한 prop 사용을 통한 탄력적인 컴포넌트 작성에 대해서도 연습할 수 있습니다.
다른 스킬들 보다도 state, prop은 가장 핵심적이고 중요한 개념이기 때문에 React를 잘 사용하기 위해 제일 먼저 이해하고 넘어가야합니다!
•
왜 리액트인가요?
국내 주요 기업은 리액트를 사용하는 기업이 많아요. 특히 채용 공고문에서 리액트 사용을 필수(혹은 우대)로 명시한 주요 기업은 다음과 같아요.
•
네이버, 카카오, 라인, 쿠팡, 배달의 민족, 당근마켓, 토스, 직방, 야놀자.......
•
팀으로 참가해도 괜찮은가요?
넘블은 여러분들이 같은 출발선에서 함께 가는 것을 권장해요. 해당 챌린지는 팀이 아닌 개인으로만 참가해주세요.
•
교육은 어떻게 진행되나요?
별도의 교육은 진행하지 않아요!
채용담당자가 필요로 하는 실무자의 능력은 다음과 같아요(참조 : Naver D2 Factory)
•
개발도구를 '배워야'하는 개발자보다는 스스로 익힐 수 있고, 적절한 도구를 선택할 수 있는 개발자가 현장에서 필요합니다. 새로운 도구가 나왔을 때도 적응할 수 있는 학습력/적응력/판단력이 본질이고 이것이 누적되어 실력이 됩니다.
아무리 신입이라도 다음과 같은 최소 능력이 요구됩니다.
◦
개발도구의 공식 레퍼런스를 보고 사용법을 스스로 익힐 수 있음
◦
자신이 경험한 사용법을 문서화해서 팀 내에 전파할 수 있음
따라서 저희는 교육을 진행하지 않습니다
•
이외에도 궁금한 점이 있어요!
오른쪽 하단의 채널톡을 이용해 문의해주세요. 최대한 빠르게 답변드릴게요.