1주차

1주차 활동

• 코드 컨벤션 디테일 회의

• 주제 선정

• 프로젝트 주요 기능 정리

• 유저스토리지

• ui 컴포넌트 추상화

• 화면 구상 및 디자인 시스테 구축

🗂️코드 컨벤션 회의

• Git & GitHub
• Commit message 규칙
• Branch 전략 통일

• Code Naming 규칙

• Code Style 규칙

• ESLint, Prettier 환경 통일

• 경로 별칭 설정

🗂️주제 선정

🗂️프로젝트 주요 기능 정리

• 인증
• 회원가입 기능
• 로그인 기능

• 게시글
• 전체 게시글 조회
• 게시글 생성, 수정, 삭제
• 게시글 상세 페이지 확인

• 게시글 기능
• 투표 기능
• 댓글 기능
• 좋아요 기능

• 검색
• 채널별 게시글 검색
• 사용자 검색
• 게시글 검색

• 알림
• 알림창을 통한 알림 확인

• 팔로워
• 정보창을 통한 팔로워 및 팔로잉 확인

• 사용자 페이지
• Avatar 기능 제공
• 사용자 데이터 표시 및 변경
• 로그아웃 기능
• 활동 내역(잔디밭) 확인
• 사용자 게시물 조회

• 잔디
• 날짜별 게시물 수를 보여주는 보드 기능
• 게시물 수에 따라 보드의 색상이 변하는 기능
 

🗂️유저스토리

📝화면 ui 및 컴포넌트 추상화 회의

• Box (div):
• 화면에 렌더링되는 div 태그로, Box 형태로 구현

• Button:
• 기본적인 버튼 컴포넌트.

• Text:
• 헤더나 소개글에 필요한 텍스트 컴포넌트.

• Img:
• 감토리 로고에 사용될 이미지 컴포넌트.

• Icon:
• 알림 아이콘 등을 표시하기 위한 컴포넌트.

• Avatar:
• 사용자 페이지나 메인 화면에서 사용자 정보를 보여줄 때 활용되는 컴포넌트로, 프로필 이미지를 표시.

• Input:
• 로그인이나 회원가입에서 사용되는 텍스트 입력 필드.

• Progress:
• 투표 결과에 따른 퍼센테이지를 나타내는 컴포넌트.

• GrassBlock:
• 잔디 블록을 표시하기 위한 컴포넌트.

• Preview:
• 게시물, 유저, 알림 등의 미리보기를 표시하는 컴포넌트.

• SearchBar:
• 검색창과 검색 버튼을 결합한 컴포넌트.

• UserCard:
• 사용자 프로필 이미지와 이름을 간단하게 표시하는 카드 컴포넌트.

• CommentBox:
• 댓글 입력 필드와 제출 버튼을 포함하는 컴포넌트.

• GrassBox:
• 잔디 블록을 모아놓은 박스.

• Tab (Menu):
• 상단 메뉴바를 표시하는 컴포넌트.

• Badge:
• 알림 여부를 나타내기 위해 프로필 이미지에 사용되는 배지 컴포넌트.

손호민

채수혁

허지호

안현진

윤석현

🗂️프로젝트 화면 구상