Next.JS로 개발자용 개량형 트위터 만들기

이번 챌린지 호스트가 어필하는 Point부터 짚고 넘어갈까요?

🔹

“첫째, 현업에서 있으면서 가장 크게 느낀 것은 개발자가 비즈니스적인 사고를 가지는 것은 매우 중요하다는 것이예요! 흔히, ‘일 잘하는 개발자’라고 불리는 사람은 프로그래밍만 하는 사람이 아닌, 더 나아가 비즈니스적인 인사이트를 가진 사람이예요. 비즈니스적인 인사이트를 가져야만 실제 서비스의 의도를 이해라고 개발에 적용할 수 있기 때문입니다!”

🔹

“누군가 만든 API만 받아서 쓰는 것과 어떻게 쓰일지 고민하는 건 고민의 깊이가 다릅니다! 이번 딥다이브에서 서비스의 수익적인 부분(광고 삽입)을 고려해 API생성과 데이터 관리에 대해 깊이있게 고민해보며 비즈니스적인 사고를 키우고 개발에 적용해보는 연습을 할 수 있습니다!

개발자용 트위터라고요? 뭐가 특별하죠?

📢

크게 성장할 수 있는 프로젝트이지만, 기왕 만드는거 재밌고, 개발자한테 도움되는 서비스를 만들면 더 좋겠죠?🥰 개발자분들이 트위터를 많이 사용하시는데 트위터에서는 코드 공유에 적합한 에디터가 아니라 코드를 공유하기 좋게 트위터를 개선해보는 ‘개발자용 트위터’를 만들어보는 것을 프로젝트 미션으로 잡았어요. 다만, 이번 챌린지에서는 비즈니스를 고려해 트위터 중간에 광고를 삽입할 수 있게 아키텍처를 짜는게 중요하기에, 개발자용 에디터 부분은 필수 구현 사항이 아닌 권장 구현사항(구현하면 가산점)으로 둬서 부담가지실 필요는 없어요😊

챌린지 호스트를 소개합니다!

📌

이번 챌린지 호스트는 토투님입니다.

현 우아한형제들 11년차 개발자

전 야놀자 개발자

부스트캠프 웹 모바일 7기 웹 백엔드 마스터

실무와 가까워지는 Node.js 백엔드 개발(feat. TypeScript) 스터디 7회 진행

호스트에 대해 더 알아보고 싶으시다면?

블로그 https://medium.com/@totuworld

FE 온라인 강의

https://inf.run/9ya9

진행하셨던 강의가 궁금하다면?

만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript) - 인프런 | 강의

겉만 멋진 서비스 말고 사용자를 만나서 피드백 받을 수 있는 서비스를 만들 수 있습니다. 웹 개발에 자신감을 얻을 수 있습니다., - 강의 소개 | 인프런

https://www.inflearn.com/course/만들면서-배우는-프론트엔드#curriculum

[무료] 토튜의 따라하면서 게임을 만드는 유니티 NGUI 강좌 - 인프런 | 강의

따라 하면서 배우는 NGUI 유니티 2D 게임 프로그래밍 의 저자의 보충 강좌 입니다., - 강의 소개 | 인프런

https://www.inflearn.com/course/토튜의-유니티-ngui-강좌

무려 1530명이 수강하고 평점 5.0점으로 만족한 강의를 만드셨던 토투님께서 넘블의 호스트로 오시게 되었습니다!

넘블에서는 호스트님과 소통이 가능해요!

넘블러님은 프로젝트만 해요~어필은 넘블이 다 할게요!

📌

챌린지를 완수하면 이력서에 다음과 같은 내용을 추가할 수 있어요. 넘블에서 프로젝트를 하면 해당과 같은 내용으로 포트폴리오를 자동 완성시켜드립니다!

트위터와 같은 서비스를 만들며 CPC, CPM 광고 비지니스를 구현

직접 API를 만들면서 데이터베이스를 고려해보며 비즈니스 중심으로 사고하는 훈련을 함

3주 뒤 어디까지 성장할 수 있을까요?

📌

챌린지를 수행하며 다음의 부분에서 성장할 수 있어요

제품을 비지니스 관점에서 접근할 수 있어요.

JavaScript도 WEB API를 만들 수 있어요.

JavaScript만 써봤다면 TypeScript를 학습해볼 기회예요.

적정 기술을 선택하는 기준에 대해 고민할 수 있어요.

구체적인 챌린지 내용을 알려드릴게요!

📌

다음의 구현조건을 더 구체화해 제공될 예정이에요!

챌린지 내용이 궁금하시다면~?

구현 범위

단문 메시지를 게시하고 팔로잉 기능이 있는 서비스 시안이 제공됩니다. 해당 시안을 보고 만드시면 됩니다.

구현 기능

글 등록, 읽기, 삭제 API

글쓰기와 피드 뷰 작업

사용자 홈 뷰 작업

피드 안에 광고를 나타낼 수 있도록 구현

CPC(Cost Per Click) 혹은 CPM(Cost Per Mile) 방식 중 택하여 구현

구현 조건

Next.js v12 이상 사용

ES6 이상 문법 사용

Node.js v16 이상 사용

상태 관리 Library나 CSS 라이브러리는 자유롭게 선택

단, 모든 라이브리러는 선택한 이유를 별도의 문서로 기재해야함

피드에 글 작성 시 @을 이용하여 특정 사용자 id를 넣으면 링크를 통해 해당 사용자 페이지로 이동 가능

디자인

모바일 뷰를 기준으로하며 PC처럼 가로로 긴 Display에서는 좌우 여백을 추가

데이터베이스

NoSQL, RDB 등 데이터베이스 선택은 자유롭게!

광고 관리를 위한 데이터베이스 설계 고려

사용자 피드에 어떤식으로 노출시킬지 고민 필요

서버에 배포하여 브라우저를 통해 서비스 사용이 가능해야함

TypeScript를 사용하면 가산점 3점

더 자세한 가이드라인은 챌린지 시작일에 공개돼요!

챌린지 일정을 알려드릴게요!

📌

4월 7일(금) ~ 4월 27일(목) (총 3주)

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

4월 7일 (금) 오전 10시 : 챌린지 안내문자 전달

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

오후 7시 : 챌린지 OT

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

5월 4일(목) 오후 7시 : 결과 발표

5월 6일(토), 5월 7일 (일)

온라인 피드백 일시는 넘블측에서 조율할 수 있습니다.

아래와 같은 분들께 특.히 추천드려요!

📌

빠른 시간 안에 집중해서 프로젝트를 통해 성장하고 싶은 당신! 넘블에서 가능합니다!

가이드라인 통해 제공할 내용이예요!

📌

가이드라인에는 다음과 같은 내용이 담겨요.

와이어프레임 제공

더 상세한 가이드라인 제공

평가방식이 궁금하시죠?

📌

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

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

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

📌

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

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

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

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

성장에 도전할 준비가 되셨나요?

아래의 링크를 통해 성장에 한 걸음 가까워져 보세요!

💰 환불 기준

📌

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

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

환불 100% 가능

챌린지 시작날 이후

환불 불가

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

📌

4월 7일(금) ~ 4월 27일(목) (총 3주)

4월 7일 (금) 오전 10시 : 챌린지 안내문자 전달

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

오후 7시 : 챌린지 OT

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

5월 4일(목) 오후 7시 : 결과 발표

5월 6일(토), 5월 7일 (일)

온라인 피드백 일정은 넘블측에서 추후에 변경될 수도 있음을 알려드려요!

🔶보상 1.

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

🔶보상 2.

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

🔶보상 3.

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