Vanilla.JS로 신년메시지 주고받기

당신의 시간은 넘블이 아껴드립니다! 30초 요약해볼게요!

📢

하나. 설 연휴 전까지 VanillaJS로 신년메시지 주고받는 사이트를 SPA로 만들어보는 챌린지입니다.

둘. 가이드라인을 통해 챌린지 진행에 필요한 와이어프레임 및 백엔드 API를 제공합니다.

셋. 상태관리 라이브러리는 사용 불가하며, 바닥부터 SPA를 만들어보는 챌린지입니다.

넷. 네카라쿠배 기업 재직중인 3년차 현직자가 TOP3에게 세부 코드 리뷰를 제공하고 상위권 결과물 및 세부 코드 리뷰는 참가자 모두에게 공유됩니다.

챌린지 호스트

📌

네카라쿠배 기업 재직 중인 3년차 웹 개발자

구체적인 챌린지 내용

📌

가이드라인

: 챌린지 진행에 필요한 와이어프레임 및 백엔드 API 제공

자세한 내용이 궁금하면 토글 버튼을 눌러주세요!

구현범위

다음과 같은 신년 메시지 주고받는 서비스의 시안이 제공되며, 해당 시안을 개발하셔야 합니다.

아래는 예시이며, 조금 더 구체적인 와이어프레임이 제공됩니다.

신년 메세지를 주고 받는 게시판을 구현하게 됩니다. 구현 기능

글 생성

글 읽기

글 수정

글 삭제

댓글 생성

댓글 수정

댓글 삭제

구현조건

ES6 문법 사용

상태관리 library 사용 불가

사용 가능한 library

정적 파일 제공을 위한 express 사용 가능
axios 및 HTTP 관련 library 사용 가능
CSS 전처리기 자율적으로 사용 가능하며, 이에 따라 필요한 library 사용 가능
https://random.imagecdn.app/v1/docs 를 참고하여 랜덤 이미지 불러오기

디자인

기본적인 가이드라인은 지켜야 함 (단 색상, 폰트 등은 제약 없음)
모바일 기준으로, 가로 넓이는 최대 640px

이미지 업로드는 URL 만 가능함

단, 여유가 되시는 분들(혹은 실력에 자신있는 분들)은 랜덤 이미지 불러오기가 아닌 aws-sdk 를 사용해 직접 이미지 업로드를 구현할 것(가산점 3점)

챌린지 대상

🖐️호스트님, 질문이 있어요

React를 쓰지 않고 VanillaJS를 쓰는 이유는 무엇일까요? → 웹개발을 접하는 사람들중 많은 사람들이 Javascript 보다 React 를 더 비중있게 배운다고 합니다. 그러다보니 오히려 기초가 부족한 경우가 많습니다. 그래서 이번 챌린지를 통해 Javascript로 SPA를 만드는 과정에서 기초를 다지면 좋을 것 같다는 생각이 듭니다. 실무에 있으면서 느낀 점은 정말 기초가 중요하다는 것입니다.

바닥부터 SPA를 만들어보는 경험을 하면 무엇에 도움이 되나요? → 글 생성, 읽기, 수정, 삭제 및 댓글 작성 및 삭제 등, CRUD 기능구현은 물론 난이도가 높지는 않습니다. 다만, 이번 챌린지가 특별한 이유는, 바닥부터 SPA를 만들다보니 라우터부터 컴포넌트까지 직접 구현을 해야하며, 이 과정에서 알고 있어야 혹은 고민해야 하는 부분이 분명 존재합니다. 이 외에도 여러 부분을 고민하면서 구조도 함께 고민해야 하는데 그 고민은 본인이 직접 바닥부터 만들어보는 과정에서만 해볼 수 있는 경험입니다.

위 질문들 외에도 궁금하신 점이 있으시다면 챌린지에 참여하셔서 호스트님과 소통하시면 됩니다.

넘블과 함께 챌린지에 도전하여 더 성장해보세요!

평가방식

📌

챌린지 호스트가 심사기준에 맞게 상위 3명을 선별해요

심사기준은 다음과 같아요.

운영방법

📌

참여자들끼리 함께 하기에 특별한 넘블 챌린지

자세한 내용이 궁금하면 토글 버튼을 눌러주세요!

참여자분들은 모두 디스코드에 초대돼요.

1) 원하는 넘블러님들에 한해 팀빌딩을 제공해드려요. 팀원들은 함께 스터디하고 서로의 결과물에 대해 피드백을 주는 동료에요. 단, 함께 결과물을 만드는 것은 아닙니다. 2) 참여자들끼리 주별 목표와 목표달성여부, daily scrum을 올리기에 서로를 보며 자극받고 동기부여돼요. 3) 참여자들끼리 같은 미션을 해결하기에 서로 질의응답하며 성장해요. * 물론 챌린지 호스트님도 성실히 질문에 답변해주실 거에요 4) 참여자들의 결과물은 참여자들끼리 모두 공유해요. 이 때 차수별 TOP 3는 피드백과 함께 공유되기에 많은 인사이트를 얻을 수 있어요. (단, 결과물을 제출해주신 분들께만 다른 참가자의 결과물과 피드백이 공유됩니다. 최소의 결과물이라도 제출해주세요!)

넘블 X 네이버 클라우드 파격 혜택

📌

넘블 챌린지에 참여하는 넘블러님들께는 최대 100만원의 네이버 크레딧을 지급해요!

자세한 내용은 다음과 같아요

네이버 클라우드 신규 가입(10만원)+넘블 챌린지에 참여하는 모든 넘블러(20만원)+챌린지 회고록을 작성하는 넘블러(70만원)

챌린지에 참여하시는 넘블러님이실 경우 바로 20만원 크레딧을 드리며, 회고록을 작성할 넘블러님들께는 70만원의 크레딧을 추가로 드려요. 단, 20만원 크레딧을 받으실 경우 챌린지 종료 후 약 2~3분 정도 소요되는 설문조사를 작성해주셔야해요!

회고록은 많이 작성해야되나요? 부담스러운거 아닌가요?

아니요! 자신의 프로젝트를 돌아보며 회고하며 성장하는 것을 목표로 간단히 작성해주시면 됩니다! 정해진 양식은 없지만 프로젝트 미션, 어려웠던 부분, 해결방법, 아쉬웠던 부분, 사용한 기술스택, 사용해보며 느낀 기술스택의 장단점 등을 간단하게 velog나 블로그, 혹은 노션 등에 작성해주시길 권장드려요!

이 때 네이버 클라우드에 대해 피드백(ex. 장단점)을 간단하게만 추가해주시면 돼요😊

회고록을 대충 작성했다고 크레딧을 회수하지 않으니 걱정하지 마세요😉

💰 환불 기준

📌

챌린지 오픈 전날까지는 결제하신 금액 100% 환불 가능합니다. 하지만 챌린지 오픈당일부터는 환불 불가합니다.

~ 챌린지 시작 전날 자정(23:59) 전까지

환불 100% 가능

챌린지 시작날 이후

환불 불가

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

📌

1월 6일(금) ~ 1월 19일(목) (총 2주)

1월 6일(금) 오전 9시 : 딥다이브 안내문자 전달

디스코드 가입 링크, 챌린지 가이드라인, OT 링크 등 전달

오후 7시 : 딥다이브 OT

1월 19일(목) 오후 11시 59분 : 딥다이브 결과물 제출 마감

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

🔶보상 1.

상위 3명에 선정되신 분들께는 호스트의 온라인 피드백을 제공해드려요! 본인의 결과물을 바탕으로 호스트에게 직접 피드백을 받을 수 있어요!

상위 3명에 들지 못 했더라도, 상위에 든 다른 참가자의 결과물과 피드백이 공유되니 내 것과 비교/분석하며 인사이트를 얻어가세요!

🔶보상 2.

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

🔶보상 3.

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