[/list] List 관련 요구사항 및 이슈

[gaeaeg]

작업 파일

• Rolling/src/pages/List.js
• Rolling/src/components/list/CardList.js
• Rolling/src/components/list/ListContent.js
• Rolling/src/components/list/RecipientCard.js

작업 요구사항

/list

• '로고' 버튼을 클릭하면 / 페이지로 이동합니다.
• '롤링 페이퍼 만들기' 버튼을 클릭하면 /post 페이지로 이동합니다.
• '나도 만들어보기' 버튼을 클릭하면 /post 페이지로 이동합니다.
• 생성된 카드를 클릭하면 /post{id} 페이지로 이동합니다
• PC에서 롤링 페이퍼 카드 목록 영역의 너비는 고정합니다.
• PC에서 좌/우측 버튼 클릭 시 다음 순서의 롤링 페이퍼 카드들이 보입니다.
• PC에서 첫 순서일 때는 좌측 버튼이 보이지 않고, 마지막 순서일 때는 우측 버튼이 보이지 않습니다.
• 롤링 페이퍼 카드의 개수가 4개보다 적을 때 좌측부터 채워지고, 좌/우측 버튼은 보이지 않습니다.
• Tablet에서 롤링 페이퍼 카드 목록 영역이 화면의 너비를 넘어갈 경우 터치로 좌우 스크롤 가능합니다.
• Tablet에서 상단 네비게이션은 좌우 여백은 24px로 고정하고 '로고'와 '롤링 페이퍼 만들기' 버튼의 간격이 줄어들거나 커집니다.
• Mobile에서 롤링 페이퍼 카드 목록 영역이 화면의 너비를 넘어갈 경우 터치로 좌우 스크롤 가능합니다.