Next.JS로 카톡 AI 단톡방 만들기(with ChatGPT)

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

📢

하나. 오프라인에서도 저장된 데이터 볼 수 있게 서비스 만들고 싶거나 새로운 AI 기술로 서비스 구현하고 싶은 분들에게 알맞는 챌린지입니다.

둘. 최근 가장 HOT한 주제인 ChatGPT! 트렌드한 주제에 누구보다 빠르게 도전해볼 수 있습니다.

셋. 동일한 프로젝트를 진행하고 있는 다른 참가자들과 소통과 공유를 통해 더 많은 성장을 이뤄낼 수 있습니다.

넷. TOP3에게 세부 코드 리뷰(서면+온라인 모두 제공)를 제공하고 상위권 결과물 및 세부 코드 리뷰는 참가자 모두에게 공유됩니다. (온라인미팅은 3:1로 1시간 진행)

개발할 내용 프로세스 예시

챌린지 호스트

📌

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

4년차 풀스택 개발자

프론트엔드 개발 팀장 3년

음성 AI 스타트업 재직

챌린지를 완수할 경우 이력서에 들어갈 내용

📌

챌린지를 완수하면 이력서에 다음과 같은 내용을 추가할 수 있어요

ChatGPT를 활용한 카카오톡 단톡방 구현

챌린지를 통한 성장 포인트

📌

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

Next.js에서 인증 키를 통해 API 호출을 할 수 있다.

Next.js에서 컴포넌트 테마 설정할 수 있다.

Next.js에서 데이터 저장하는 방법을 배울 수 있다.

Next.js 컴포넌트 UI 테스트 및 API 테스트를 배울 수 있다.

구체적인 챌린지 내용

📌

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

새로운 AI 기술로 서비스 구현하고 싶은 분들은 여기를 눌러주세요!

구현범위

OpenAI API를 이용해서 AI 채팅방 구현

AI와 대화를 주고받을 수 있습니다

구현 기능

방 생성, 방 나가기, 방 설정 수정

채팅 메시지 보내기, 보낸 메시지에 대한 답장

방 인원이 3명 이상인 경우 본인을 제외한 AI끼리 대화도 구현

구현조건

ES6 이상 문법 사용

스타일 관련 라이브러리 사용 자유, 그 외에 라이브러리 사용은 자제

API 요청에 대한 테스트 코드 작성

컴포넌트에 대한 스토리북 작성

왜 React가 아닌 Next.js를 활용하나요?

이번 챌린지는 React로 개발할 경우 백엔드 배포도 같이해야합니다. 하지만 그렇게 되면 Open AI가 크로스오리진을 막아서 배포가 상당히 복잡해집니다. 따라서 next.js를 활용해줏면 감사하겠습니다. OpenAI에서 API 사용을 위한 공식문서에 next.js 설정된 코드를 제공하는 템플릿도 존재합니다.

챌린지 대상

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

📌

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

더 상세한 요구조건

사용할 OpenAI API 정보

와이어프레임

평가방식

📌

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

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

운영방법

📌

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

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

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

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

💰 환불 기준

📌

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

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

환불 100% 가능

챌린지 시작날 이후

환불 불가

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

일정

📌

4월 3일(월) ~ 4월 23일(일) (총 3주)

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

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

오후 7시 : 챌린지 OT

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

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

5월 6일(토) 오전 10시-11시 : 상위 3명 온라인 피드백 오전 11시-오후 6시 : 피드백권 구매자 온라인 피드백(1시간)

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

🔶보상 1.

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

🔶보상 2.

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

🔶보상 3.

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