필수 항목 : 프로젝트 개요(첫번째), 기능 소개, 기술 스택, 시연, 간단 팀 소개 및 역할 소개, 배포 링크 추가
프로젝트 개요(기획)
토이 프로젝트를 공유하는 SNS
개발을 즐기고 흥미가 있는 사람이라면 누구나 익명으로 사용 가능한 SNS
어떤 주제, 기술, 퀄리티이던지 프로젝트를 포스팅하고, 서로의 프로젝트를 보며 소통하는 SNS
github에 잠들어있기만 했던 자신의 프로젝트를 다른 사람들에게 선보일 수 있다.
유저들과 소통하며 성장하는 나의 개발 지식
배포링크를 필수로 작성하도록 하여 적어도 배포될 정도로 완성된 프로젝트 공유하도록
목업(Mock up) - 선택
피그마 실행화면하면 될듯
플로우 차트 - 선택
요거는 넣을거면 뭐 피피티같은 걸로 만들어야겟는데?
기능 소개
- 회원가입
- validation
- 이메일 중복체크
- 이메일, 이름, 닉네임, 비밀번호, 비밀번호 칸이 공란일 때는 제출할 수 없다. 알림 메
- 필수로 입력 받아야 하는 이메일, 이름, 닉네임, 비밀번호, 비밀번호 확인 칸이 하나라도 비어있는지 확인하여 다 채우지 않고 제출버튼을 누를 경우 알림 메시지가 뜸
- 로그인
- 로그아웃
- 게시글 포스팅 기능
- 회원
- 작성 양식 : 제목, 설명, 카테고리, 사용된 기술 스택, 배포 주소, 소스코드 주소, 이미지, 협업 제안 허용 여부
- 소스코드 주소를 제외하고 모두 필수 입력 값
- 카테고리, 기술스택 : 중복 선택 가능
- 카테고리 : 전체, 재미, 라이프, 커뮤니티, 교육 개발, 기타
- 기술스택 : ... 미정
- 카테고리(프로젝트 주제)에 따른 게시글 필터 기능
- 카테고리 : 전체, 재미, 라이프, 커뮤니티, 교육 개발, 기타
- 게시글 볼 수 있는 기능
- 게시글은 회원, 비회원 둘다 열람 가능
- 배포주소와 소스코드 클릭 시 해당 주소로 이동
- 댓글 확인 가능
- 게시글 좋아요
- 회원만 가능
- 게시글 상세 페이지에서 좋아요, 좋아요 해제 가능
- 내가 좋아요를 눌렀던 게시글일 경우 좋아요 버튼이 눌려져있음
- 게시글 개수로 회원에게 레벨 부여
- 게시글 댓글 달기
- 회원만 가능
- 댓글 타입을 선택하여 댓글을 남길 수 있다
- 댓글 타입 : 칭찬, 훈수, 질문, 잡담
- 게시글 댓글 삭제
- 댓글 작성자는 댓글 삭제 가능
- 유저
- 팔로우, 팔로우 해제
- 회원만 가능
- 팔로우(혹은 해제)할 해당 유저의 유저페이지에서 가능
- 로그인된 유저의 마이페이지의 팔로워 페이지에서 팔로우 해제 가능
- 팔로우, 팔로워 페이지에서 접속 중인 유저 확인 기능
- 회원만 가능
- 각 회원의 팔로우, 팔로워 페이지에서 온오프라인 상태로 구분된 팔로우, 팔로워 목록 확인 가능
- 알림 기능
- Modal창
- 작성한 게시글의 좋아요, 댓글이 달릴 경우
- 팔로워가 생겼을 경우
- 모두 읽음 처리 기능
기술 스택
- 디자인
- Figma
- 개발
- React
- Javascript
- StoryBook
- Styled Component
- ES Lint, Prettier, StyleLint
- Craco
- Axios
- Context Api
- react-router-dom
- Notion과 git issue, project로 일정 및 회의록 관리
시연
팀소개
향후 업데이트 계획 및 보완점
구현하려했으나 하지 못한 기능
- 팔로우 수 기반 인기 사용자 선정
- 팔로우 한 사용자의 새 포스팅/포스팅 수정 알람
- 실시간 Q&A (DM)
- 회원 정보 수정
- 좋아요 수 기반 인기 게시물 선정
- 알림 (협업 제안)
- 사용된 기술 스택에 따른 게시글 필터 기능
- 기술 스택 : ...
- 게시글, 유저 검색 기능
- 메인페이지일 경우에 헤더에 검색창 존재
구체적인 리드미 작성
[리팩토링]
→ 특히 중복 렌더링 방지를 위한 최적화 미비.
→ 훅을 적극적으로 사용하지 못함.
→ 컴포넌트 분리 및 정리 (시간적 한계로 인해 기능 구현을 중심으로 개발하다보니, 컴포넌트 단위를 일정한 규칙에 따라 세분화 하지 못함)
→ stylelint 등을 통한 코드 정리
[기능]
포스트 무한 스크롤
실시간 메시지 기능 - 협업 관련 메시지를 위한 다이렉트 소통. websocket 활용
실시간 알림 기능 - websocket 활용
input form validation
회원 정보 수정 페이지 추가
로딩 처리 + 스피너
초기 기획서
소개
- 주제 불문, 기술 불문, 퀄리티 불문! 직접 개발한 토이 프로젝트를 소개하고 함께 가지고 노는 데브 소셜 미디어
기술 스택
- React
기획 의도
- 누군가 꼭 만들어주길 바랬던 취향 저격 프로젝트부터, 아무 짝에도 쓸모는 없지만 그냥 재밌기만 한 프로젝트까지. 각양각색 아이디어 탐색의 장
- Github에 잠들어있던 토이 프로젝트를 세상에 공유
- 코드 공유와 피드백을 통한 동반 성장의 기회 제공
- 실시간 Q&A, 댓글, 협업 제안 등을 포함한 네트워킹 플랫폼
- 익명 시스템을 통한 사용자의 적극적인 참여 유도
주요 기능
- 회원 기능
- 토이 프로젝트 포스팅 (소개, 배포 Link, 스크린샷, GIF, Github Link 등)
- 포스팅 댓글 기능
- 사용된 기술 스택에 따른 프로젝트 필터링 기능
- 사용자 팔로우 기능
- 팔로우 수 기반 인기 사용자 선정
- 팔로우 한 사용자 실시간 접속 현황 제공
- 팔로우 한 사용자의 새 포스팅/포스팅 수정 알람
- 프로젝트 '좋아요' 기능
- 좋아요 수 기반 인기 게시물 선정
- 포스팅 개수에 따른 사용자 등급 시스템
- 실시간 Q&A
- 협업 제안 DM 기능
- 특정 등급 이상만 협업 제안 보낼 수 있음
DND발표 참고 - 발표 순서?흐름
- 프로젝트를 만든 계기같은 거 ( 어떤 needs가 있는지 )
- 그래서 어떤 서비스를 제공하는지
- 로고 소개 설명(밝고 친근한 어쩌구..이런식으루,,)
- 프로젝트 설명 (페이지로 각각 캡쳐해서 처음부터 어 보여준다. )
- 사용기술 (아이콘 깔끔쓰)
- 시연 영상 (ㄹ로그인,~게시글 작성~게시글 보기 이~~~)
목표
PPT 텍스트 (왜 이미지로 붙여넣기가 되는지 모르겠네여..)
- Deto는요
- Deto가 나온 계기
큰 제목 - 다른 사람의 토이프로젝트를 쉽게 접하고 소통할 수 있는 공간
github에 묵혀져 있는 내 자그마한 토이 프로젝트들...
어떤 아이디어가 있는지 궁금해!
같이 프로젝트할 사람을 구할 수 있으면 좋을텐데
- Deto의 목표
큰 제목 - 다양한 아이디어와 소통의 장
인스타그램 피드를 보듯이 가볍게 둘러볼 수 있는 토이 프로젝트들
오직 토이 프로젝트만을 위한 공간(익명)
내가 찾고 싶은 주제별, 기술 스택별 토이 프로젝트 검색
코드공유와 피드백을 통한 성장
요즘 핫한 프로젝트, 기술
적어도 배포가 완료된 토이 프로젝트들로 퀄리티 보장!
리아님 피드백 반영하여 :
기존에도 프로젝트를 공유하는 플랫폼이 있다. (disxxxxx등) 그러나 해당 서비스는 좀 더 ....?!
발표 대본을 피피티 아래에 쓰고있어서..한번에 복붙하긴 할건데 페이지별로 보기에는 이게 편할 것 같아서 첨부합니다.
시연 대본
