3주차 과제 - 출결 대시보드 #9
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- CSS reset - tailwind spacing에 "pxr" suffix 추가 - screen 사이즈 조정 Signed-off-by: kibum.lee <kissyou7@gmail.com>
- TeamMemberCard 컴포넌트 구현 - lucide-react 라이브러리 설치 Signed-off-by: kibum.lee <kissyou7@gmail.com>
- Modal 컴포넌트 구현 - TeamMemberCard 컴포넌트에 Modal 컴포넌트 적용 Signed-off-by: kibum.lee <kissyou7@gmail.com>
- 조건부 tailwind uc 처리 - 중복 tailwind uc 제거 Signed-off-by: kibum.lee <kissyou7@gmail.com>
Signed-off-by: kibum.lee <kissyou7@gmail.com>
- onOpenChange, open prop을 사용하여 외부에서 상태 관리 가능하도록함 - ModalClose 추가 하여, Close 커스텀 가능하도록함 - aria 속성 추가 Signed-off-by: kibum.lee <kissyou7@gmail.com>
- Card 컴포넌트는 공통 적용부분만 분리 - TeamMemberCard의 모달 state 직접관리 - 기타 코드 정리 Signed-off-by: kibum.lee <kissyou7@gmail.com>
- mount, visible 상태 추가 Signed-off-by: kibum.lee(t14) <kissyou7@gmail.com>
- mount 상태에 따른 content 렌더링 버그 수정 - ModalTrigger 버그수정 Signed-off-by: kibum.lee <kissyou7@gmail.com>
- ModalClose 존재하지 않는경우 Default 스타일로 ModalClose 스타일 적용 Signed-off-by: kibum.lee <kissyou7@gmail.com>
- react-router-dom 을 이용하여 페이지 분리 - 네비게이션 컴포넌트 추가 및 레이아웃 구성 Signed-off-by: kibum.lee <kissyou7@gmail.com>
- dayjs 라이브러리 설치 - member 리스트를 json 파일로 분리 - AttendanceRecord 클래스 구현 - 출퇴근 기록을 localStorage에 저장하는 기능 구현 Signed-off-by: kibum.lee <kissyou7@gmail.com>
- 배지 컴포넌트 분리 - 카드 컴포넌트에 배지로 오늘의 근태현황을 보여줌 Signed-off-by: kibum.lee <kissyou7@gmail.com>
- Select컴포넌트 구현 - Weather Card 컴포넌트 구현 Signed-off-by: kibum.lee <kissyou7@gmail.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
3주차 과제 - 출결 대시보드
개요
출결정보를 리스트로 보여주는 페이지를 만든다.
구현 내용
1. 기본과제
2. 선택과제
3. 기타
추가 Library
주요 학습내용
UI/UX 특징