🖥️ 프로젝트 시작

코드잇 스프린트에서 부트캠프를 하고 있는데
이전에 기초 프로젝트를 진행했었다.
어떤식이였는지는 아래 사이트를 통해 알아보자.
기초 프로젝트
기초 프로젝트에 대해서는 총 3개의 글이 있다.


이번 중급 프로젝트에서는 총 5개의 프로젝트가 있었는데 그 중에 Taskify라는 프로젝트를 하게 되었다.

Taskify

간단하게 Taskify가 어떤 프로젝트인지 알아보자면
Taskify는 가족, 팀, 스터디 등 다양한 커뮤니티 단위로 일정을 함께 관리할 수 있는 웹 애플리케이션이다.
사용자는 커뮤니티를 생성하고 멤버를 초대해 일정과 할 일 목록을 공유·관리할 수 있으며,
카드 기반 UI, 댓글 기능, 드래그 앤 드랍, 검색 및 분류, 멤버 초대 등 협업에 필요한 다양한 기능을 갖추고 있다.
Taskify에 대한 디자인은 아래 피그마를 통해 확인할 수 있다.
Taskify 디자인

🗓️ 프로젝트 일정

프로젝트 일정은 아래와 같다.
나는 4월28일 부터 30일까지 예비군일정이 있어 3일동안 프로젝트를 하지 못하게 되었다 ㅠㅠ

• 4/21 ~4/24 → 프로젝트 기획 구체화
• 4/24 or 4/25 → 프로젝트 진행 시작
• 5/1 → 1차 작업 마감
• 5/1 10시→ 2차 분배 및 작업 시작
• 5/7 → 2차 작업 마감
• 5/8 → 발표 준비 마무리
• 5/9 → 발표 당일

➕ 대면 프로젝트 진행
→ (필요한 팀원들끼리) 선택적으로 진행

👨‍💻 R&R(Role & Responsibility) 분배

R&R 분배는 프로젝트 기획 구체화 시간 때 진행되었다.
나는 예비군일정 때문에 중요한 페이지는 맡지 못하고 빠르게 진행할 수 있는 프로젝트 세팅 & 공통, 메인 랜딩 페이지를 맡게 되었다.
(다음에는 꼭 로그인 회원가입을 해봐야겠다,,,)
📌 페이지
로그인, 회원 가입 페이지 / 메인 렌딩 페이지 / 나의 대시보드 페이지 / 대시보드 상세 페이지 / 계정 관리 페이지


📌 기능 구현
프로젝트 세팅 & 공통 / 상단 네비게이션 바, 사이드바 / 대시보드 생성 , 수정 / 컬럼 추가, 관리 모달 / 할 일 카드 모달 / 할일 생성, 수정 모달 / 초대하기 모달

⚡️ 기술 스택

기술 스택에 대해서는 중간에 바뀔 수도 있지만 일단은 아래에 적힌 기술들을 사용하게 되었다.

• HTML/SCSS(scss 로 진행→ module.scss)
• TypeScript
• NextJS
• React
• Drag n Drop UI
• Git, GitHub
• AWS S3