넘블 리서치

[마감] React 디자인 시스템 기반 클론 코딩 챌린지 (21일 챌린지)

 챌린지 목록으로

 상위 10% 챌린지 결과물 보러 가기

시간은 금! 챌린지를 딱 4줄로 요약해볼게요

이 챌린지는 프론트엔드 개발자를 꿈꾸는 취준생에게 적합해요. React를 더 잘 활용하고 싶은 0~1년차 개발자에게도 도움이 될 수 있어요.
이 챌린지에서 우리는 디자인 시스템이 잘 되어 있는 서비스를 클론코딩할 거예요.
이 챌린지를 통해 우리는 디자인 시스템에 대해 더 깊이 이해해볼 수 있고 React 및 관련 라이브러리 숙련도를 높일 수 있어요.
11월 9일부터 11월 30일까지 3주 간 클론 코딩을 진행하며 서버에 배포하고 챌린지 결과물을 제출하면, 상위 10%에 선정된 분들에게 네카라쿠배당토 및 삼성전자 출신 프론트엔드 개발자의 피드백 or 축하금 10만원이 주어져요.

4줄 요약만으로 부족했다면, 10분 안에 설명해볼게요

<[React] 디자인 시스템 기반 클론 코딩 챌린지> 10분 안에 살펴보기 * 목차를 누르면 각 본문으로 이동할 수 있어요.
5.

이 챌린지는 이런 분들에게 권장해요

단기간React Framework를 이용해 디자인 시스템에 기반한 프로젝트를 만들어보고 싶은 취준생 1년차 이하 개발자

더 자세히는?
React 에 대한 기본 지식을 학습하신 분
React 공식 문서와 스스로의 검색 실력을 통해 자주적으로 개발해보고 싶으신 분
배웠던 지식을 실전을 통해 체득하고 싶으신 분
체계적인 디자인 시스템을 통해 아토믹한 코드를 짜보고 싶으신분
같은 취준생분들과 경쟁하며 motivation을 얻고 정해진 시간 안에 프로젝트를 진행해보고 싶으신 분
같은 취준생분들과 경쟁해 상위 10% 안에 들어 보상을 받고 싶으신 분
보상이 아니어도 의미있는 프로젝트를 진행하며 프론트엔드 개발자로서 성장하고 싶으신 분

상위 10% 안에 든다면, 특별한 혜택이 주어져요

혜택

네카라쿠배당토 및 삼성전자 출신 프론트엔드 개발자가 프로젝트 기반 모의면접을 진행하고 피드백 or 축하금 10만원선택한 보상 1개를 드려요!

혜택

넘블 참여자 중 유능한 인재로 인정받아 다른 챌린지의 백엔드 개발자, 기획자, 디자이너 상위 10%이 모여 있는 팀원 모집 풀에 들어갈 수 있어요. 거기서 인정받은 사람들과 팀을 꾸려 실제 런칭부터 운영까지 하는 후속 챌린지가 열려요!

혜택

넘블 포인트를 지급해요! 결과물 제출 완료한 모든 분들에게 100 포인트를 지급하며, 상위 10%에게는 200 포인트를 지급합니다.
주의 제대로 동작하는 결과물이 10%가 되지 않는다면, 참가자의 10%보다 적은 인원이 혜택 대상자로 선정될 수 있어요.

챌린지 미션을 소개할게요

다음의 기업 중 클론 코딩 하고 싶은 기업을 선택해주세요.

1.
리디북스(Web)
2.
클래스101(Web)
3.
Airbnb(Web)
* Airbnb(Web)의 디자인 시스템이 클론코딩에 활용하시기에 외부에 공개된 정보가 다소 부족하다고 판단하여 부득이하게 후보에서 제외되었어요. 조금 더 명확하고 공평한 평가를 위해 노력하는 넘블이될게요!

다음의 조건에 맞게 진행해주세요.

1.
React Framework를 사용할 것
2.
Javascript보다는 Typescript를 활용할 것
3.
백엔드 API 전송코드는 Numble에서 제공하는 API문서에 맞게 작성할 것
a.
실제 백엔드 개발은 생략합니다.
4.
서버에 배포할 것(AWS 등 활용)

넘블에서 다음의 준비물을 제공해요.

1.
구현 범위를 포함한 가이드라인

결과물은 아래와 같은 형식으로 제출해주세요.

제출 기간은 3주예요.

11월 9일부터 3주 동안 진행해요. 제출 마감일은 11월 30일이에요.
결과물은 미리 제출할 수 있어요. 다만, 일찍 제출한다고 가산점은 없어요
참가자 모집 기간 동안 최소 인원이 충족되지 않을 경우 챌린지가 열리지 않을 수 있어요.
친구들과 함께 도전해보는 건 어때요? 챌린지에 참가할 친구를 추천하고, 친구도 나도 결과물을 제출하면 함께 스벅 커피 쿠폰을 받을 수 있어요.
오른쪽 위 공유버튼을 눌러 친구에게 넘블 알려주세요

각 기업의 디자인 시스템을 확인할 수 있는 링크예요.

리디북스 디자인 시스템 : https://ridi.design/
챌린지에 참가하기로 마음 먹은 넘블러! 이렇게 해보는 건 어때요?
테스트 코드를 작성해보고 싶다면... StorybookJest는 어때요?
당근마켓은 요즘 뭘 쓴다고요...? React, Typescript, GraphQL, ReactiveX, Redux!
CSS-IN-JS를 알게 된 넘블러라면... Styled-Component나 Emotion 어떠세요?

결과물을 제출하면 벌어지는 일.txt

네카라쿠배당토 3년차 이상 개발자 멘토의 꼼꼼한 평가

상위 10%로 선정되는 결과물은 최소 50점 이상을 충족한 결과물입니다.
상위 10%에게는 1:1 면접 및 피드백 혜택이 주어져요. (상금을 선택할 경우, 상금이 지급돼요.)

FAQ

왜 디자인 시스템 기반 클론코딩인가요?
클론코딩은 가장 짧은 시간 안에 프론트엔드 개발자의 능력을 보여줄 수 있는 방법입니다. 디자인 시스템을 기반으로 클론 코딩을 하면 디자이너와 협업하는 것과 비슷한 경험을 할 수 있으며, 체계적인 프론트엔드 개발을 진행하며 성장할 수 있습니다.
왜 리액트인가요?
국내 주요 기업은 리액트를 사용하는 기업이 많아요. 특히 채용 공고문에서 리액트 사용을 필수(혹은 우대)로 명시한 주요 기업은 다음과 같아요.
네이버, 카카오, 라인, 쿠팡, 배달의 민족, 당근마켓, 토스, 직방, 야놀자.......
팀으로 참가해도 괜찮은가요?
넘블은 여러분들이 같은 출발선에서 함께 가는 것을 권장해요. 해당 챌린지는 팀이 아닌 개인으로만 참가해주세요.
교육은 진행되나요?
아니요!
채용담당자가 필요로 하는 실무자의 능력은 다음과 같아요(참조 : Naver D2 Factory)
개발도구를 '배워야'하는 개발자보다는 스스로 익힐 수 있고, 적절한 도구를 선택할 수 있는 개발자가 현장에서 필요합니다. 새로운 도구가 나왔을 때도 적응할 수 있는 학습력/적응력/판단력이 본질이고 이것이 누적되어 실력이 됩니다.
아무리 신입이라도 다음과 같은 최소 능력이 요구됩니다.
개발도구의 공식 레퍼런스를 보고 사용법을 스스로 익힐 수 있음
자신이 경험한 사용법을 문서화해서 팀 내에 전파할 수 있음
따라서 저희는 교육을 진행하지 않습니다
이외에도 궁금한 점이 있어요!
오른쪽 하단의 채널톡을 이용해 문의해주세요. 최대한 빠르게 답변드릴게요.

IF... 여기까지 다 읽었다면...

TOP