Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

텍스트 카드 만들기 #33

Closed
2 of 5 tasks
beingPracticer opened this issue Nov 7, 2019 · 0 comments
Closed
2 of 5 tasks

텍스트 카드 만들기 #33

beingPracticer opened this issue Nov 7, 2019 · 0 comments
Assignees
@WooYeonSeo
Labels
frontend 피드
Milestone
2주차

Comments

@beingPracticer
Copy link
Collaborator

beingPracticer commented Nov 7, 2019 •
edited by WooYeonSeo
Loading

  • 프로필(사진, 닉네임), 피드 작성시간, 좋아요 갯수, 피드 내용(텍스트) 데이터 연결
  • 좋아요, 좋아요 취소 동작
  • 공유, 공유횟수, 데이터 연결
  • 댓글, 댓글 수, 공유횟수, 댓글 박스 데이터 연결
  • 글접기
@WooYeonSeo WooYeonSeo self-assigned this Nov 18, 2019
@sang-eun sang-eun added this to the 2주차 milestone Nov 18, 2019
WooYeonSeo added a commit that referenced this issue Nov 26, 2019
@WooYeonSeo
[Add] 텍스트 컴포넌트 like #33
160bc6c 
why
컴포넌트에서 like 동작 구현

how
like 상태에 따라 버튼 색이 변경
이미 좋아요를 누른 상태에서는 좋아요 취소가 되게 toggle
WooYeonSeo added a commit that referenced this issue Nov 26, 2019
@WooYeonSeo
[Add] feed 정보 가지고 오기 api #33 #24
49a0026 
why
contents와 createdAt보다 많은 정보가 피드에 필요함

how
게시글에 딸린 댓글, 작성자, 좋아요 갯수, 좋아요 여부를 포함해서 반환하도록 쿼리 작성
WooYeonSeo added a commit that referenced this issue Nov 26, 2019
@WooYeonSeo
[Add] feed 정보 가지고 오기 api, date parser #33 #24
7e72565 
why
데이터를 graphql return 형태로 파싱해야 함 -> integer, datetime type

how
records 받아서 label:{} 로 반환하는 파서 작성
필요한 데이터 타입들 graphql 스키마로 작성
@WooYeonSeo WooYeonSeo reopened this Nov 27, 2019
WooYeonSeo added a commit that referenced this issue Nov 27, 2019
@WooYeonSeo
[Add] 게시글 좋아요 fe, api toggle #33 #27
55a5680 
why
게시글 좋아요 toggle 시 서버에 값이 반영되어야 함
이전의 좋아요, 좋아요취소가 따로 있어서 복잡

how
댓글의 좋아요 좋아요 취소를 하나로 합치고 서버쪽에서 구분해서 쿼리하도록 분리
WooYeonSeo added a commit that referenced this issue Nov 28, 2019
@WooYeonSeo
[Add] 이름 썸네일 피드에 보여지게 설정 #33
ee18f00 
why
피드에 이름과 썸네일이 보이지 않았었음 그래서 보이게 처리

how
props로 값을 넘겨서 처리
WooYeonSeo added a commit that referenced this issue Nov 28, 2019
@WooYeonSeo
[Remove] 사용하지 않는 변수 로그 삭제 #33
909b4da 
why 가독성을 해침
사용하지 않는 부분 삭제
WooYeonSeo added a commit that referenced this issue Nov 29, 2019
@WooYeonSeo
[Add] image 받아오게 포함해서 쿼리 작성 #33
6691735 
이미지 등록된 것을 보여주기 위해서 쿼리에 이미지포함해서 받아옴
WooYeonSeo added a commit that referenced this issue Nov 29, 2019
@WooYeonSeo
[Add] 이미지 컨테이너 작업 #33
7421818 
이미지 연결을 위해 컨테이너 작업
아직 연결은 안함
WooYeonSeo added a commit that referenced this issue Nov 29, 2019
@WooYeonSeo
[Remove] 콘솔로그 삭제 #33
25db6d7 
- 콘솔 로그 삭제
WooYeonSeo added a commit that referenced this issue Nov 29, 2019
@WooYeonSeo
[Add] 화면에 이미지 로드 #33
36b2c64 
피드에 이미지 로드
WooYeonSeo added a commit that referenced this issue Dec 11, 2019
@WooYeonSeo
[Add] 긴 텍스트 feed fold 구현 #33
f9eb45c 
텍스트가 긴 경우
- 말줄임표로 텍스트가 줄어든다
- 더보기 버튼이  나타나고
- 더보기 버튼 클릭시 나머지 글 확인 가능

개발
- useRef로 컨텐츠 길이를 확인하고 더보기 여부 결정
- 말줄임표는 텍스트 폰트 기준 16줄까지 표시가 되므로 16줄에서 말줄임표 표시하도록 설정

주의
말줄임표는 지원되는 브라우저가 제한이 있음
-webkit-line-clamp: 16;
display: -webkit-box;
WooYeonSeo added a commit that referenced this issue Dec 12, 2019
@WooYeonSeo
Merge pull request #180 from connect-foundation/feature-33/fold_text_…
aa85ab5 
…content

[Add] 긴 텍스트 feed fold 구현 #33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@WooYeonSeo WooYeonSeo

Labels
frontend 피드
Projects
None yet
Milestone
2주차
Development

No branches or pull requests
3 participants
@WooYeonSeo @sang-eun @beingPracticer