![]() |
![]() |
![]() |
||
장은진 | 김율민 | 김준형 | 이주영 | 최지희 |
팀장 |
- 내 체험등록 페이지
- 내 체험수정 페이지
- 드랍다운
- 예약현황페이지
- 로그인 액세스토큰, 리프레시 토큰처리
- 캘린더
- 다크모드 추가
- 사이드바,레이아웃
- 내정보
- 예약 내역
- 내 체험 관리
- 404 페이지
- 알림 토스트
- 체험 상세 페이지
- 로그인, 회원가입 페이지
- 헤더, 푸터
- 메인페이지
- 모달/버튼 공통 컴포넌트
- 로고 디자인
public
├── assets
│ └── icons
│ └── images
│ └── button-icon.png
│
src
├── apis
├── types // 타입 지정 관련 파일(Props 타입은 해당 컴포넌트 상단에 지정)
├── components
│ └──Layout
│ └── Input
│ └── Input.tsx
├── store // 전역 상태 관리
├── constants
│ └── userContext.ts
├── pages
│ └── DashboardPage
│ └── DashboardPage.tsx
├── styles
│ └──GlobalStyle.css
├── utils
│ └── calculateDate.ts
├── hooks
└── useHook.ts
- 캘린더(리액트캘린더 라이브러리사용)
- 캘린더모달(get, post, patch API를 사용하면 데이터 변화 실시간반영) *무한스크롤기능추가
- 리액트 쿼리의 isfetching 을 모달 컴포넌트 랜더링의 조건부로 붙여줘서 해결
- 프로젝트를 시작할때 사용할 기술스택에 대한 충분한 사전공부가 안되었던거같다. 공부하는데 시간을 많이썼다.
특히 캘린더를 만드는데 있어서 확실한 방향을 정하지못하고 이것저것 시도하다가 시간을 많이 잡아먹혔다.
또, 프로젝트의 방향성이나 주제가 내가 원했던방향과 많이달라서 적극적으로 팀을 이끌기보다는 팀의 요구사항에 집중하는 수동적인 태도를 취했는데 프로젝트 일정관리가 안되거나 부족한 마무리를 생각하면 아쉬운부분이다. 좀더 적극적으로 주도했어야했지않나라는 생각이든다.
- 초반에 서로 진행상황 공유가 잘 안되고 소통이 부족했던 거 같다. 이로 인해 프로젝트 진행이 더뎠지만, 후반에 가서는 서로 진행상황을 자세히 공유하고 소통하면서 프로젝트 진행이 원활히 됐다. 기술 스택도 중요하지만 이런 커뮤니케이션도 팀 프로젝트 진행에 중요한 부분이라는 걸 깨달았다.