HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
프로그래머스 프론트엔드 데브코스 2기
프로그래머스 프론트엔드 데브코스 2기
/
😶
프로젝트
/
🤞🏻
중간 프로젝트
/
🏃‍♂️
달리팀 기획서
🏃‍♂️

달리팀 기획서

 

프로젝트명 : 따봉(TTaBong)

 
👶🏻
칭찬감사합니다 를 더 재밌게(??) 이용하고 싶어!! ( feat. 프롱이 )
 
포브스 선정 프롱이들에게 가장 인기있는 프로그램 1위….칭찬감사합니다 🎉

칭찬/감사합니다를 프롱이들이 더 재밌게 이용할 수 있게 만들어보면 어떨까??

 
라는 사소한 제안에서 시작된 프로젝트…입니다!
 

📌 기획 동기

 
데브코스 기간 중 프롱이들이 실제로 사용할 수 있는 서비스를 개발하면 좋을 것 같다고 생각하던 중,
기존 칭찬/감사합니다 프로그램을 프롱이들이 보다 주도적으로 사용할 수 있게 된다면 더 재밌을 것 같다는 생각이 들었습니다.
 
기존 칭찬/감사합니다 프로그램은 아래의 점이 아쉬웠습니다.
  • 프롱이들이 인터렉션할 수 있는 요소가 한정적이었다.
  • UX가 풍성하지 않았다.
  • 더 감사한 분께 더 큰 표현을 해드리고 싶었다.
 
위와 같은 아쉬운점을 개선하여 보다 확장된 웹 어플리케이션 서비스를 개발해보자!! 라는 다짐과 함께 시작된 따봉프로젝트,,
시작해보겠습니다
 

🙏 기획 목적

 
🕺
기존 칭찬/감사합니다 서비스에 UI요소와 추가 서비스를 추가하여 프롱이들의 UX를 향상 시키는것을 기대
 

🔖 제공 서비스

 
  1. 사용자가 다른 사용자에게 칭찬/감사를 포스트하는 것을 따봉으로 표현합니다
  1. 사용자가 따봉를 통해 보상을 받아 따봉 활동이 더 활성화되는 것을 기대합니다.
    1. ⇒ 직전 단위 기간 (현재 데브코스의 경우 한 달 단위) 동안에 가장 많은 따봉을 한 사용자에게 따봉왕 왕관과 같은 라벨을 부여함으로써 보상합니다.
  1. 사용자가 다양한 종류의 따봉를 할 수 있는 서비스를 제공하고자 합니다. ⇒ 칭찬, 감사 등 다양한 종류의 따봉를 통해 커스터마이징의 느낌을 냄으로써 UX를 더 향상할 수 있으리라 기대합니다.
  1. 사용자가 따봉 현황을 실시간으로 접근할 수 있는 서비스를 제공하고자 합니다. ⇒ 따봉 현황을 실시간으로 접근함으로써 따봉 활동을 독려할 수 있으리라 기대합니다.
  1. 따봉은 총 2가지 종류가 있으며, 일반 따봉은 갯수 제한 없이 무한으로 사용이 가능하나,,, 왕따봉👑은 한 계정당 하루에 하나씩만 사용 가능하게 할 계획입니다. 따봉을 준 횟수를 카운팅하여 단위 기간 별 따봉왕을 선정합니다.
  1. 따봉을 받으면 코인을 1개 얻습니다. 왕따봉은 받으면 코인을 2개 얻습니다. 소유하고 있는 코인의 개수를 카운팅하여 단위 기간 별 코인왕을 선정합니다.
 

🎨 디자인 초안

 
기초적인 컴포넌트 구성을 피그마를 통해 구현 해 놓았습니다.
컴포넌트 구성은 아래 피그마를 참조 해 주시면 감사하겠습니다.
 
Figma
Created with Figma
https://www.figma.com/file/5PlRlkHD1viN6R0JVksUMs/%EC%98%A4%EC%9B%94's-team-library?node-id=488%3A7
Figma
 

🖥 기술 스택

 
언어
JavaScript ES6+
프레임워크
React
라이브러리
Redux(미정), react-router-dom, axios, emotion
디자인/UI
Figma, Storybook
협업도구
Git, Slack, Discord, Notion, Figjam