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

[#3] 도서 목록/검색 화면 개발 #4

Merged
merged 13 commits into from
Jan 21, 2025
Merged

[#3] 도서 목록/검색 화면 개발 #4

merged 13 commits into from
Jan 21, 2025

Conversation

2scent
Copy link
Collaborator

@2scent 2scent commented Jan 20, 2025

작업사항

  • 도서 목록 페이지 화면 구성
  • 알라딘 API 연동
  • 검색 기능 구현
  • 필터 기능 구현

기타

  • 도서 카드를 반응형으로 구현했습니다.
  • ky를 적용했습니다.

화면 이미지

Desktop

Desktop

Tablet

image

Mobile

image

@2scent 2scent requested a review from virere January 20, 2025 15:55
@2scent 2scent self-assigned this Jan 20, 2025
@2scent 2scent changed the base branch from main to feature/1 January 21, 2025 02:30
@2scent 2scent changed the base branch from feature/1 to main January 21, 2025 02:31
book: Book;
}

export default function BookCard({ book }: BookCardProps) {
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 컴포넌트는 pure 하기 때문에 과감하게 memo 한 결과를 export 해도 됨

}

export default function BookSearch({ initialSearchTerm = '' }: BookSearchProps) {
const [searchTerm, setSearchTerm] = useState(initialSearchTerm);
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

debounce 사용 가능성도 염두에 두면 좋을 것 같아요

Comment on lines +29 to +36
const baseSearchParams = {
MaxResults: '10',
start: '1',
SearchTarget: 'Book',
Cover: 'Big',
output: 'js',
Version: '20131101',
};
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
const baseSearchParams = {
MaxResults: '10',
start: '1',
SearchTarget: 'Book',
Cover: 'Big',
output: 'js',
Version: '20131101',
};
const baseSearchParams = {
MaxResults: '10',
start: '1',
SearchTarget: 'Book',
Cover: 'Big',
output: 'js',
Version: '20131101',
} as const;

@2scent 2scent merged commit 3e7e66b into main Jan 21, 2025
2 checks passed
@2scent 2scent deleted the feature/3 branch January 26, 2025 08:23
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

Successfully merging this pull request may close these issues.

2 participants