◼️ 목적
하루 일과를 보내기에 앞서 할 일을 기록해두는 플랫폼으로써 나의 일과를 파악할 수 있고, 시간이 지나 무슨일을 했는지 알 수 있는 기회를 제공합니다
◼️ 목표
- 할 일을 추가 후 목록의 왼쪽 아이콘을 누르면 완료 목록으로 변경되어 해야 할 일과 완료된 일을 구분할 수 있습니다
- 디테일 페이지에는 간단한 메모와 사진을 올릴 수 있으며 수정 또 한 가능합니다
◼️ 페르소나
요구사항 관련 기능 및 컴포넌트입니다
2. 서치바 컴포넌트
- 할 일 텍스트를 추가 후 마우스로 추가하기 버튼을 클릭하면 TO DO 목록으로 넘어간다
- 할 일 텍스트를 추가 후 키보드 "Enter"키를 누르면 TO DO 목록으로 넘어간다
3. 투두리스트 컴포넌트
- 할 일 추가 하면 TO DO 리스트 목록에 추가된다
- 할 일 목록 아이템중 왼쪽 아이콘을 누르면 DONE 리스트로 이동되어 완료 상태로 변경한다
- 완료된 목록 아이템중 왼쪽 아이콘을 누르면 TO DO 리스트로 이동되어 진행중 상태로 변경한다
5. 디테일 페이지
- 디테일 페이지에서 이미지 파일, 메모를 작성하여 정보를 업데이트 할 수 있다
- 기존에 등록했던 정보가 있으면 수정하여 업데이트 할 수 있다
- 삭제하기 누르면 해당 id로 조회하여 해당 아이템의 정보를 삭제 할 수 있다
담당자 | 업무 | 비고 |
---|---|---|
박준성 | UI화면 설계 및 API연동 | API 연동 후 테스트 배포 담당 개발 |
- Notion : 과제 내용, 사용 기술 스택, 참고 문서
- GitHub : Code Repository
- Swagger API : API 테스트 진행
코드 | 설명 |
---|---|
변수 | 카멜 케이스(camelCase) |
함수 | 파스칼 케이스(PascalCase) |
상수 | 대문자 |
파일 | 파스칼 케이스(PascalCase) & 카멜 케이스(camelCase) |
스타일 | 케밥 케이스(kebab-case) |
커밋 | 설명 |
---|---|
feat | 새로운 기능 추가 |
fix | 오류 수정 |
style | 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우, css 작업 |
refactor | 코드 로직 수정 (리팩토링) |
docs | 문서 수정 |
test | 테스트 코드 추가 |
chore | 빌드 업무 수정, 패키지 매니저 수정 (module 추가 시) |
무단 사용 및 도용, 복제 및 배포를 금합니다.
Copyright 2024 코드잇 심화 과제전형. All rights reserved.