-
Notifications
You must be signed in to change notification settings - Fork 11
3주차 sprint
JaeHyeonKim edited this page Dec 11, 2019
·
8 revisions
- 메인페이지
- 타임라인 게시물
- 메인페이지가 로드될 때, API 서버에 타임라인 게시물의 목록들을 요청한다.
- 요청 성공시, API서버는 목록들을 클라이언트에게 응답한다.
- 응답받은 정보를 토대로 타임라인 게시물의 목록을 렌더링한다.
- 한번에 응답받는 타임라인 게시물의 개수는 10개이다.
- 스크롤을 내리다가 끝에 다다르면, 서버에 추가 목록들을 요청한다. (무한 스크롤링)
- 요청 시 어느 게시물까지 응답받았었는지에 대한 정보를 같이 보낸다.
- 게시물 상세 - 상단 UI
- 다른 인원이 개발한 공통 컴포넌트를 이용해 상단 UI 구성
- 게시물 상세 - 하단 UI
- 좋아요, 댓글, 공유 아이콘
- 좋아요 개수 문구
- 본문 표시
- 한 줄 초과시 내용의 일부분만 보여지고,
더보기
버튼 생성 -
더보기
버튼 누를 시 모든 본문 렌더링
- 한 줄 초과시 내용의 일부분만 보여지고,
- 댓글은 최대 2개 표시(기준: 최신)
- 2개 초과일 경우
댓글 x개 모두 보기
버튼이 생기고, 이를 누를 경우 상세 페이지로 이동
- 2개 초과일 경우
-
댓글 달기...
가 placeholder로 나타난다. -
게시
버튼은 아무런 입력이 없을 경우 비활성화 상태이다. 최소 하나 이상의 문자가 있어야 활성화된다. - 게시글 등록이 생성된지 얼마나 되었는 지 알 수 있도록 지난 시간을 보여준다.
- 게시물 내부 아이콘 - 좋아요
- 하트 아이콘을 누르면 해당 게시물의 좋아요 개수가 +1 된다.
- 어떤 게시물에 좋아요 눌렸는 지/해제 되었는 지에 대한 정보를 서버에 보낸다.
- 서버의 응답에 상관없이 일단은 UI의 변화는 발생한다.
- 하트 ON/OFF
- 좋아요 개수 문구 변화
- 하트 아이콘을 누르면 해당 게시물의 좋아요 개수가 +1 된다.
- 게시물 내부 아이콘 - 댓글
- 말풍선 아이콘을 누르면 해당 게시물의 상세 페이지로 이동한다.
- 게시물 내부 아이콘 - 공유
- 공유 버튼을 누르면 모달 창이 뜬다.
- Facebook 공유
- 링크 복사
- 공유 버튼을 누르면 모달 창이 뜬다.
- 타임라인 게시물
- 팔로우 버튼 구현
- 개발 필요 지식 학습
- 유저 페이지
- 상세페이지
- 사용자 설정 페이지
- 개발자 페이지
- [ ]