Blog
DogKaeBi Blog
중국/광둥 이야기, 블로그 개발 이야기, 일상 이야기
[Next.js 블로그] 리스트 & 페이지네이션 통합편
List, Pagination을 작성 완료했다. 아직 정리가 필요해 보이는 곳은 많지만 우선 기능적으로 작동하고, 작동 이유도 알 것 같다.
[Next.js 블로그] 페이지네이션
Pagination은 페이지 번호의 navigation이다. 번호 생성, 이동 기능을 고려해서 만들어야 한다.
[Next.js 블로그] 데이터 컨트롤러. 카드 수량 제어
getCardData controller를 만들어서. 데이터 종류를 추출해 한 페이지 당 보여주는 카드의 수량을 제한해 보기
[Next.js 블로그] 같은 리스트, 다른 카드
CardList 컴포넌트를 사용할 때, type을 전달해서 다른 카드가 나올 수 있도록 해보기
[Next.js 블로그] 카드에 이미지 추가하기
Image 컴포넌트 사용해서 외부 페이지의 이미지 사용하기
[Next.js 블로그] 문자열 2줄 표시 tailwind line-clamp
블로그 카드. 2줄 이상일 때 문자 넘침 생략 line-clamp