기획서

🎋 데나무숲(devNamu)1. 서비스 소개 2. 기획 의도 기획배경 3. 주요 기능 4. 기술 스택 5. 유저 스토리 월요일 코어타임까지 해올 것 월요일 - 화용일 코어타임에 모역서 뭐하지?

🎋 데나무숲(devNamu)

1. 서비스 소개

빈 칭찬 게시판이 부담되셔서 글을 못 적으셨나요? 아니면 존재 자체도 모르셨나요?

익명으로 칭찬 게시판에 글을 남겨주세요!

오늘 하루 누구에게 위로 받고 싶은 순간이 있으셨나요?

익명으로 위로 게시판에 자신의 감정을 올리고 위로 받아보세요!

데브코스 중 캠은 켜놨지만 종일 딴짓한 적이 있지 않으신가요?

하루종일 애썼지만 결과물이 안나와 힘든적이 있지 않으신가요?

답답한 마음을 무능 게시판에 해소하세요!

2. 기획 의도

기획배경

💥세상에💥… 아무도 칭찬_격려응원 게시판에 글을 남기지 않으셨군요!

데브코스 칭찬 방이 9/12에 생성했지만 12/22일까지 아무도 글을 쓰지 않았습니다.

이를 익명으로 하면 접근이 쉬워지지 않을까? 라는 생각과

공부를 하면서 힘들고 지칠 때 응원을 받을 수 있는 따뜻한 공간이 있으면 좋겠다는 생각을 했습니다.

또한 자신의 하루를 반성할 수 있는 고해성사의 공간도 필요하여 칭찬방 / 응원방 / 무능방 으로 운영하게 되었습니다.

3. 주요 기능

칭찬,감사 게시판

예시: 오프라인 만남때 옷을 멋지게 입으심 / 설명을 착하게 도와주심 / 커피를 주심
익명으로 특정 누군가를 칭찬할 수 있다.
칭찬: 익명 + 랜덤시간 게시? (의외성)

응원 게시판

(격려가 필요한 사람) 응원도 바로바로? (팀원사이에서 누군지 모르는 응원)
익명으로 칭찬구걸
예시: 저 오늘 힘든데 응원 좀 해주세요 ㅜㅜ / ㅇㅇ님 오늘 힘들어보이시는데 화이팅이에요~
(랜덤시간 체크)

무능 게시판

양심고백 (분명 하루종일 안 하는 날이 있음) 은 바로 올라가. (댓글에 위로도 욕도 가능)
예시: 저는 캠을 켜고 사실 열심히 하는 척 집중하는 표정을 지었지만 사실 네이버 웹툰 정주행을 했습니다. 집중이 너무 안되더군요 (실화아님. 진짜아님). 팀원분들께 말은 못했지만 여기에 올려서 죄책감을 덜려고 글을 써봅니다.

4. 기술 스택

라이브러리 : React, React Router

언어 : Typescript

번들러 : Vite

패키지 : Yarn

API : axios

포매터 : ESLint, Prettier

클라이언트 상태관리 : Zustand

서버 상태관리: tanstack-query

CSS : tailwind + tw.marco

UI 라이브러리: shadcn

배포 : 미정

5. 유저 스토리

기능

태그

설명

구분

회원

이메일과 비밀번호를 받아서 로그인할 수 있다.

AUTH

비회원

모든 사용자는 이메일과 슬랙 이름, 비밀번호, 프로필 사진을 통해 회원가입할 수 있다.

AUTH

회원

슬렉 이름과 프로필 이미지, 비밀번호, 다크모드(상단에 토글)를 변경할 수 있다.

프로필

내가 쓴 글 조회

회원

내가 쓴 글을 조회할 수 있다.

프로필

알림 목록 조회

회원

로그인한 사용자는 자신에게 온 알림을 확인할 수 있다.

프로필

전체

모든 사용자는 게시글 조회를 할 수 있다.

게시판

회원

로그인한 사용자는 게시글을 작성할 수 있다.

게시판

회원

해당 글을 작성한 사용자는 게시글을 편집할 수 있다.

게시판

회원

해당 글을 작성한 사용자는 게시글을 삭제할 수 있다.

게시판

사용자 조회

전체

누구에 대한 칭찬, 응원인지 검색할 수 있다.

게시판

회원

로그인한 사용자는 게시글에 좋아요를 할 수 있다.

게시판

전체

모든 사용자는 게시글 댓글을 조회할 수 있다.

게시판

회원

로그인한 사용자는 게시글에 댓글을 작성할 수 있다.

게시판

회원

로그인한 사용자는 본인이 작성한 댓글을 삭제할 수 있다.

게시판

notion image

홈페이지 입장하면 소개를 포함한 탭 네 개가 뜨고 디폴트로 소개 탭, 어서오세요 데나무숲~ 안내 문구가 뜸(유저 가이드, 서비스 내용, 스크롤로 읽어볼 수 있게)

notion image

유저 아이콘을 누르면 사이드 바가 열린다

사이드 바에는 설정, 내가 쓴 글 확인, 내 활동(슬렉 참고) 가능
[보류] 알림 삭제 가능하게 할지(api 요청, 혹은 프론트 단에서 필터링)
설정 기능 : 프로필 이미지 변경, 이름 변경, 비밀번호 변경, 다크모드 설정
내가 쓴 글 (아래 사진 참고)

notion image

알림에 표시되는 내용 : 내가 쓴 글의 댓글/좋아요 알림, 내가 멘션된 게시글의 알림

api가 제한적이므로 멘션 알림은 팔로우로 사용

수신글 문구 대신 알림으로 이름 대체

모든 사용자 이름은 데브코스 슬렉/디코 이름과 동일하게 받는다(동명이인도 마찬가지)

채팅 보류

월요일 코어타임까지 해올 것

기술 스택 쓰고 싶은거, 사용하면 좋을 것들 조사

유저 스토리 구역 어케 분담할지 생각은 해와봅시다.

월요일 - 화용일 코어타임에 모역서 뭐하지?

기술 스택 정하기1.

notion image

추천 css: panda css, styleX, tailwind + tw.marco
상태 관리 라이브러리 - 조타이 리코일 zustand
서버 상태 관리
uI 라이브러리: mui, antd, shadcn ui, radix 등등
package manager
기획서에 와이어 프레임 필수인지 질문하기 - 멘토님 보여드려야하니 필수일듯

유저 스토리 구역 분담 & 상세히 작성하기

간트차트 작성

와이어프레임 (슬랙 UI 클론하는 식으로)