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.

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

각 언론사 브랜드마크가 있는 셀에 마우스를 올리면, 구독 상태에 따라 버튼을 표시한다. #22

Closed
4 tasks done
Tracked by #4
youzysu opened this issue Jun 1, 2023 · 0 comments

Comments

@youzysu
Copy link
Owner

youzysu commented Jun 1, 2023

  • 셀에 마우스를 올리면 구독 버튼을 보여준다.
  • 리스트 보기에서도 언론사 별로 구독하기 버튼을 가져야 하므로 구독 버튼은 별도의 컴포넌트로 만든다.
  • subscribeButton props로 현재 언론사 이름과 구독 여부를 전달 받는다.

Refactor

  • 마우스 올린 셀에만 버튼 동적으로 만들어주도록 수정하기
    • 불필요한 요소를 모두 만들어서 DOM에 추가해두면 뷰를 조작할 수 있는 가능성
youzysu added a commit that referenced this issue Jun 1, 2023
- GridViewer 하위 컴포넌트 생성: Grid 컴포넌트 분리
- 재사용성을 위해 SubscribeButton 컴포넌트 분리
- 구독 언론사 리스트를 props로 전달한다.
youzysu added a commit that referenced this issue Jun 1, 2023
- 구독하기 버튼 클릭 시 해당 언론사의 구독 상태를 변경한다.
- GridViewer 업데이트 로직 반영
@youzysu youzysu closed this as completed Jun 1, 2023
@youzysu youzysu reopened this Jun 2, 2023
@youzysu youzysu closed this as completed Jun 3, 2023
youzysu added a commit that referenced this issue Jun 3, 2023
- 불필요하게 미리 Element를 DOM에 추가하지 않는다.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant