[React Project] Codegg 팀 프로젝트 기획

목차

프로젝트 개요

사용 기술과 선정 이유

와이어프레임

API 명세

 

 

---

 

프로젝트 개요

 

프로젝트 명

• Codegg

 

프로젝트 소개

• 본 프로젝트는 다양한 개발자들이 모여 지식과 경험을 공유하고, 소모임을 형성하며 함께 성장할 수 있는 공간을 제공하는 것을 목표함과 동시에 사용자들의 참여와 기여에 따라 포인트를 적립하고 보상하는 제도를 도입하여 더욱 활발한 활동을 유도함

 

주요 서비스

• 개발자들이 원활한 정보공유 및 의사소통을 할 수 있는 온라인 공간 제공

 

타깃

• 처음 입문하거나 개발과 관련해서 정보를 찾는 것에 있어 어려움을 겪는 개발자
• 정보를 제공하거나 공유하고 싶어 하는 시니어 개발자
• 함께 개발/스터디/프로젝트할 인원을 모으고 싶어 하는 사람들

 

기대효과

• 이 사이트에서 대화나 질문 및 답변을 통해 정보의 접근성을 높일 수 있음
• 다양한 개발자들이 모여 소모임을 형성하고, 지식과 경험을 공유하며 함께 성장할 수 있음
• 사용자들에게 참여와 기여에 따라 포인트를 적립하고 보상하는 제도를 도입하여 더욱 활발한 활동을 유도함

 

디자인 콘셉트

• 정보 중심의 UI를 통해 사용자로 하여금 정보를 쉽게 찾을 수 있는 디자인

 

Pain Point

• 신뢰할 수 있는 정보가 필요했음 ➔ 유저 레벨 제도 도입으로 참여도에 따라 사용자를 단계화함. 이를 통해 질문자는 답변자의 신뢰도를 일정 수준 파악할 수 있음

 

---

 

사용 기술과 선정 이유

• React : 컴포넌트를 분리하여 조립하며 사용하기 때문에 유지/보수에 용이하고, 가장 많이 사용하는 SPA로 방대한 커뮤니티와 자료가 있어 프로젝트를 진행하기 용이함
• Redux Toolkit : 많은 라이브러리가 내장되어 있어서 의존성을 줄일 수 있고 상태 관리하기가 용이함
• React Query : 서버로부터 데이터를 효율적으로 가져오고 업데이트할 수 있음
• TypeScript : 정적 타입을 지원하여 안정적이고 유지보수 가능한 코드를 작성할 수 있도록 도와주고 타입 에러를 미리 확인하여 개발을 향상하는데 도움을 줌
• Firebase : 유연하고 확장 가능하며 인증 시스템을 지원함
• Styled Component : 별도의 CSS 문서 없이 각 파일에 직관적으로 설정할 수 있음
• react-slick : 캐러셀 라이브러리로 다양한 커스텀을 지원하고 사용이 간편함

 

---

 

와이어프레임

01

 

---

 

API 명세