브레인 스토밍

• 주제: 프론트엔드 학습 테마별 레퍼런스 공유 SNS 서비스

• 배경: 방대한 프론트엔드 분야를 학습하면서, 우리는 모두 이전에 누군가가 작성한 블로그, 문서를 참고하면서 공부를 했었습니다.
또한 우리도 학습을 진행하면서 많은 레퍼런스들을 브라우저의 즐겨찾기에, 또는 노션으로 등록을 해 놓았을 텐데요, 이런 방식의 레퍼런스 수집을 사용자간에 쉽게 공유하기 위한 서비스를 제공하면 편하겠다고 생각을 했습니다.
이와 동시에, 내가 이제껏 공부해왔던 발자국을 시각적으로 확인해 볼 수 있어 개인 사용자에게도 의미 있는 기능이라 생각해서 해당 주제를 떠울리게 되었습니다.
리액트 학습 과정에서 행간을 효율적으로 채우기 위한

• 기능 요구사항 (Functional Requirement):
로그인/로그아웃
• 유저는 '나무지기'로 간주된다.
• 유저는 회원가입 기능을 통해서 로그인/로그아웃을 할 수 있다.
• 로그인 기능을 통해서 유저는 자신만의 '나무'를 관리할 수 있다.
페이지 관리
• '나무'는 '카테고리'별로 여러 개를 만들 수 있다.
• '가지' - 세부 카테고리 설정
• '가지'에는 '나뭇잎'이라는 노드가 추가될 수 있다.
• 해당 노드 또한 각 사용자가 테마별로 '카테고리'화를 할 수 있고, 추가한 노드는 화면에 추가된다.
• 노드는 테마에 해당하는 레퍼런스 목록을 담는 컴포넌트이다.
• 각 노드의 스타일은 나뭇잎 모양의 스타일~
• 해당 노드에 진입하면, 레퍼런스 목록이 미리보기 형태로 제공이 된다.
• 해당 방식으로 노드의 트리를 만들고, 이는 CSS와 이미지를 통해 나무의 형태로 스타일링된다.
• 해당 트리 링크를 공유하면, 타인이 이를 가져가서 편집할 수 있다.
• 특정 인원을 초대해서 초대된 인원들만 공통의 트리를 수정할 수 있도록 하는 기능은 구현이 어려울 것 같지 않나요?
댓글 달기
• 특정 '나무지기'의 트리에 댓글을 달 수 있다.
실시간 업데이트 반영
• 가장 많은 댓글(글자 수 체크 포함)을 단 '나무지기'는 실시간으로 메인 페이지에 순위로 기록이 된다.
• 가장 나뭇잎이 많은 글을 소유한 '나무지기' 또한 실시간으로 메인 페이지에 순위로 기록이 된다.

• 사용 예상 기술 스택 : React, RSS, Webpack, Babel, HTML, (S)CSS, Javascript

주제를 선정하기 위한 체크 리스트

• 인증, 설정, 유저, 채널(리액트 1개 - 가지들), 포스트(가지별 노들), 좋아요, 댓글, 검색