개발 프로젝트 시 프론트, 백, 디자이너가 일정을 조율하고 한 눈에 일정관리, 이슈관리 등을 원활하게 관리할 수 있는 사이트
FE 팀장 : 문필겸 모달 담당 |
FE 팀원 : 박지선 메인 페이지 담당 |
FE 팀원 : 이채빈 로그인 회원가입 페이지 담당 |
FE 팀원 : 전소은 일정관리 페이지 담당 |
디자이너, 백엔드, 프론트 엔드가 함께한 협업 프로젝트
협업 프로젝트 시 유용하게 일정을 관리하는 사이트를 구현
일정 뿐만 아니라 , 이슈, 공지사항, 좋아요, 자유게시판을 활용한 소통&일정관리 사이트
😎 문필겸 -일정 생성 모달 -팀원 초대 모달
🤗박지선 -사이드바 -메인 페이지
😮이채빈 -Context APi -로그인, 회원가입
😳 전소은
- 일정 관리 페이지
- 라이브러리 없이 달력 구현해 주간별 월간 별 달력 생성
- 각각 일정이 필터될 수 있는 필터링 기능 구현 (일정을 클릭하면 클릭한 일정만 달력에 필터되어 보여짐)
- 년도, 월, 주 단위로 달력 날짜 이동 구현
- 일정 수정 모달 생성
- 일정 삭제 모달 생성
- 네브바 구현
- 팀원 초대 알림 설정
git clone https://github.com/codeit=part2-8team-project/Keepy-Uppy.git](https://github.com/codeit-part4-8team-project/main.git
cd main
npm i
npm run devMain
├── src
│ ├── assets * 이미지, 아이콘 폰트 모음
│ ├── assets * 이미지, 아이콘 폰트 모음
│ ├── components * 재사용성 높은 컴포넌트 모음
│ │ ├── announcement * 공지사항 컴포넌트 모음
│ │ ├── chat * 채팅 컴포넌트 모음
│ │ ├── common * 공통 컴포넌트 모음
│ │ ├── kanbanBoard * 칸반보드 컴포넌트 모음
| | ├── ManPage * 메인 페이지 캘린더 컴포넌트 모음
| | ├── members * 멤버 조회, 역할 지정 컴포넌트 모음
| | ├── Modal * 모든 모달 컴포넌트 모음
| | ├── Post * 게시글 컴포넌트 모음
| | ├── SchedulePage * 캘린더 컴포넌트 모음
| | ├── SignupePage * 회원가입 페이지 컴포넌트 모음
| | ├── TeamPage * 팀 페이지 컴포넌트 모음
│ ├── constants * 각종 상수 모음
│ ├── context * context모음
│ ├── hooks * hook 모음
│ ├── pages * 페이지별 컴포넌트
│ ├── routes * 라우팅 관련 함수 모음
│ ├── styles * tailwind font 변수 전역 파일
│ └── types * type 모음
├── App.tsxx
└── main.tsx
-reviewr, 프로젝트명, 지정
-label 지정
-🎨 Style: 스타일링 관련
- 📖 Documentation: 문서 개선 또는 추가
- 🐛 Bug Fix: 버그 수정
- 💡 Feature: 기능 추가
- ⚙️ Setting: 프로젝트 셋팅 관련
- 🛠️ Refactor: 리팩터링(기능 변경X)
- 📝 Meeting: 회의록
- 컴포넌트는
export default function 함수()로 작성 - 이외의 함수는 화살표 함수 사용
const 함수 = () => - 이벤트 핸들러는
handle로 시작 - 커스텀 훅은
use로 시작 - boolean함수는
is로 시작