Backlog

스토리

No	Story
1	유저가 메뉴 버튼을 누르면 숨겨져 있던 액션 레이어가 나타난다.
2	유저가 칼럼의 타이틀 옆의 + 버튼을 누를 시 새로운 카드를 등록하는 박스가 나타난다.
3	유저는 드래그앤드랍으로 카드를 같은 칼럼내의 위아래 또는 다른 칼럼으로 이동한다.
4	유저는 카드의 X 버튼을 눌러서 카드를 삭제한다.
5	유저는 카드를 더블클릭해서 카드의 내용을 수정한다.
6	(추가) 유저는 칼럼의 타이틀을 더블클릭해서 수정한다.
7	(추가) 유저는 우측 하단의 FAB 버튼을 눌러 칼럼을 추가한다.
8	(추가) 유저는 칼럼 타이틀 우측의 X 버튼을 눌러서 칼럼을 삭제한다.

스토리 1

No	Task	Assignee	Condition
1	유저가 메뉴 버튼을 누르면 숨겨져 있던 액션 레이어가 나타난다.
1-1	페이지가 렌더링될 때 서버에서 액션 데이터를 가져와 액션 레이어를 렌더링한다.
1-2	액션 데이터를 최신순으로 정렬하여 리스트 형태로 나타낸다.
1-3	메뉴 버튼을 클릭하면 오른쪽에서 왼쪽 방향으로 레이어가 노출된다.
1-4	액션이 많아지면 레이어 오른쪽에 스크롤이 생긴다.
1-5	액션 데이터가 없을 경우 ‘활동 기록이 없습니다.’라는 문구를 표시한다.
1-6	X 버튼을 클릭하면 왼쪽에서 오른쪽 방향으로 레이어가 숨겨진다.		X 버튼은 한 번만 클릭 가능

스토리 2

No	Task	Assignee	Condition
2	유저가 칼럼의 타이틀 옆의 + 버튼을 누를 시 새로운 카드를 등록하는 박스가 나타난다.
2-1	+ 버튼에 마우스를 올리면 버튼 색상을 변경한다.
2-2	+ 버튼을 클릭하면 새로운 카드를 등록하는 박스를 추가한다.		플레이스홀더 표시
2-3	제목과 내용을 모두 입력했을 때 등록 버튼이 활성화된다.		제목 100자 내용 500자 높이 유동적으로 설정
2-4	등록 버튼을 누르면 제목과 내용을 서버로 전송한다.
2-5	서버에 성공적으로 보낸 경우 카드를 등록하는 박스를 없애고 해당 데이터를 가져와 카드 목록에 추가한다.
2-6	유저가 칼럼 타이틀 옆의 + 버튼을 다시 한번 누르면 박스가 사라진다.		입력 내용 초기화
2-7	유저가 카드를 등록할 수 있는 박스의 취소 버튼을 누르면 박스가 사라진다.		입력 내용 초기화

스토리 3

No	Task	Assignee	Condition
3	유저는 드래그앤드랍으로 카드를 같은 칼럼 내의 위아래 또는 다른 칼럼으로 이동한다.
3-1	유저가 카드를 드래그하면 잔상이 생기고, 카드가 반투명해진 채로 마우스를 따라온다.
3-2	이동 경로의 절반 정도가 되면, 카드의 예정 목적지로 카드의 잔상이 먼저 이동한다.
3-3	이동 후, 드래그를 중단하면 카드는 잔상이 있던 위치로 이동하며 잔상은 사라진다.
3-4	이동이 완료된 경우 해당 카드의 순서와 컬럼 정보를 서버로 전송한다.
3-5	서버에 데이터를 요청해서 카드 목록을 다시 렌더링한다.

스토리 4

No	Task	Assignee	Condition
4	유저는 카드의 X 버튼을 눌러서 카드를 삭제한다.
4-1	카드의 X버튼에 마우스를 올리면 카드가 빨갛게 변한다.
4-2	X 버튼을 누르면 삭제 여부를 묻는 alert 창이 뜬다.
4-3	취소 버튼을 누르면 alert 창이 닫힌다.
4-4	삭제 버튼을 누르면 alert 창을 닫고 서버에 DELETE 요청을 보낸다.
4-5	요청이 성공한 경우 카드 목록을 다시 렌더링한다.

스토리 5

No	Task	Assignee	Condition
5	유저는 카드를 더블클릭해서 카드의 내용을 수정한다.
5-1	카드를 더블클릭 시 등록 박스와 동일한 스타일로 바뀌며 수정이 가능해진다.
5-2	취소 버튼을 누르면 변경사항이 반영되지 않고 수정이 취소된다.
5-3	내용을 모두 삭제하면 수정 버튼이 비활성화된다.
5-4	내용을 수정한 후 수정 버튼을 누르면 변경된 정보를 서버에 전송한다.
5-5	요청이 성공한 경우 카드 목록을 다시 렌더링한다.

추가 사항 추후 수정 예정