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

도서 목록 보기 기능 추가 및 쿼리스트링 설정 #151

Merged
merged 2 commits into from
Mar 3, 2024

Conversation

jihwooon
Copy link
Owner

@jihwooon jihwooon commented Mar 3, 2024

설명:

  • 도서 목록 보기 모드를 선택할 수 있는 기능을 추가했습니다. (리스트/그리드)
  • 사용자가 선택한 보기 모드를 URL 쿼리스트링에 저장합니다.
  • 다음과 같은 새로운 쿼리스트링 변수를 추가했습니다.
    • QUERYSTRING.VIEW: 'list' 또는 'grid' 값을 가질 수 있으며, 현재 선택된 보기 모드를 나타냅니다.

작업 내용 (Content)

링크 (Links)

기타 사항 (Etc)

Merge 전 필요 작업 (Checklist before merge)

  • PR 올리기 전 rebase 동기화를 하셨나요?
  • 마지막 줄에 공백 처리를 하셨나요?
  • 커밋 단위를 의미 단위로 나눴나요?
    • 예시
      • 코드 가독성을 위해 메서드를 추출하라
      • if-else 문을 if 문으로 분리하라
      • 불필요한 메서드를 인라인화하라
  • 커밋 본문을 작성하셨나요?
    • 예시
      • 함수는 한 가지 일을 해야 한다는 원칙에 따라 메서드를 추출합니다.
      • if-else는 컴파일 시 처리가 되어 재컴파일 없이 수정 할 수 없습니다.
        이에 따라 코드가 실행되는 순간에 실행이 결정되는 if 문으로 수정합니다.
  • CI 파이프라인이 통과가 되었나요?
  • 리뷰 요청 전 Self-Review로 의문점을 해결 하셨나요?
  • PR 리뷰 가능한 크기를 유지하셨나요?

jihwooon added 2 commits March 3, 2024 15:24
설명:
- 도서 목록 보기 모드를 선택할 수 있는 기능을 추가했습니다. (리스트/그리드)
- 사용자가 선택한 보기 모드를 URL 쿼리스트링에 저장합니다.
- 다음과 같은 새로운 쿼리스트링 변수를 추가했습니다.
  - QUERYSTRING.VIEW: 'list' 또는 'grid' 값을 가질 수 있으며, 현재 선택된 보기 모드를 나타냅니다.
- 도서 목록 보기 모드 (리스트/그리드) 기능을 구현했습니다.
- BooksList 컴포넌트에서 ViewMode 타입을 사용하여 현재 선택된 보기 모드를 받아 적용합니다.
- BookItem 컴포넌트에서도 ViewMode 타입을 사용하여 보기 모드에 따라 스타일을 조정합니다.
- BooksViewSwitcher 컴포넌트에서 선택된 보기 모드를 URL 쿼리스트링에 저장합니다.

관련 변경 사항:
- BookItem.tsx 파일 수정
- BooksList.tsx 파일 수정
- BooksViewSwitcher.tsx 파일 수정
@jihwooon jihwooon merged commit 28d5cd6 into main Mar 3, 2024
2 checks passed
@jihwooon jihwooon deleted the issue-79 branch March 3, 2024 06:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

1 participant