- 지홍의 목표
- HTML, CSS 잘해보기
- JS 비동기 로직 작성해보기
- JS의 다양한 메서드 사용해 보기
- 정진의 목표
- 클린 코드 고민해보기
- HTML, CSS, JS 기초 다지기
- 25분씩가며 드라이버와 네비게이터를 번갈아 진행한다. 25분 후에는 5분 휴식한다.
- 우린 Git-flow를 사용하고 있어요
- chjih: 프러덕션으로 배포할 브랜치
- dev: 다음 출시할 개발 브랜치
- feat/issue-{이슈 번호}: 기능 개발 브랜치
- feat: 새로운 기능 개발
- refactor: 코드 리팩터링
- docs: 문서 수정
- fix: 버그 수정
- chore: 사소한 작업
- style: 퍼블리싱
기능 우선순위: 상 / 중 / 하
- (상) 처음 들어오면 '해야할 일', '하고있는 일', '완료한 일' 세가지 컬럼이 보인다.
- (상) 컬럼에 있는 "+" 를 누르면 할일 목록 카드가 생성된다.
- 제목 혹은 내용을 입력해야 등록 버튼이 활성화된다.
- 등록을 누르면 해당 칼럼 아래에 등록된다. 칼럼에 있는 할일 목록 수를 업데이트 한다.
- 예외 처리) 제목와 내용 모두 필수 입력한다.
- 예외 처리) 글자수 500자이내, 글의 길이에 맞춰 박스가 늘어나거나 줄어들어야 한다.
- 선택 사항) 작성자의 디바이스를 표시하는 내용이 들어간다
- (상) 할일 목록 카드에 있는 "X"를 클릭하면 삭제할 수 있다. 삭제 전에 alert 모달을 띄워준다.
- (상) 할일 목록 카드에 있는 연필 버튼을 클릭하면 편집모드를 활성화한다.
- 제목 혹은 내용을 변경 후 저장을 누르면 할일 목록이 수정된다.
- 취소를 누르면 편집모드를 종료한다.
- 제목, 내용 모두 없애면 저장 버튼이 비활성화된다.
- (상) Drag and Drop을 통해 칼럼 간 할일 목록 카드를 이동할 수 있다.
- 칼럼에 있는 할일 목록 수를 업데이트 한다.
- (중) 시계 모양 버튼을 누르면 사용자 활동 기록 리스트가 보인다.
- 시계 모양 버튼을 누르면 오른쪽에서 나타나고, 다시 시계 모양 버튼을 누르면 오른쪽으로 사라진다. 애니메이션 효과를 넣는다.
- 기록 전체 삭제를 할 수 있다. 전체 삭제하기 전에 alert 모달을 띄워준다.
- (중) 카드 추가, 삭제, 편집, 칼럼 간 이동할 때 사용자 활동 기록 리스트에 기록을 남긴다.
- (하) 컬럼에 있는 "x" 를 누르면 컬럼이 삭제된다.
- (하) 칼럼 타이틀을 클릭하면 타이틀 편집 모드가 활성화된다.
- 엔터를 누르면 저장된다.
- 예외) 비어있는 경우는 기존 타이틀 그대로 저장된다.
- 예외) 컬럼 타이틀이 중복되면 저장이 안된다. (alert 띄워주기, notion-like UX)
- (하) 칼럼 추가 버튼을 누르면 칼럼 추가 모달을 띄워준다.