HEY, MR.KANG
게시글 리스트 API 호출 후 렌더링
개발일지

게시글 리스트 API 호출 후 렌더링

2025.10.13 22:56·조회 8
게시글 리스트 API 호출 히어로 이미지

게시글 리스트 API 호출 및 렌더링

NestJS에서 개발일지 게시글 리스트를 가져오는 API를 만들고,

사용자 페이지에서 SSR로 API를 호출하여 렌더링하도록 구현했습니다.

게시글 리스트 API 코드

게시글 날짜 기준으로 최신 5개를 가져와서 메인 페이지에 리스트를 표시하는 기능까지 구현했습니다.

게시판 리스트 렌더링

게시판에도 리스트를 표시하도록 구현했는데, 페이지네이션을 할지 무한 스크롤을 할지 아직 방향을 정하지 못해서

일단 모든 리스트를 가져와 표시하도록 해두었습니다.

게시판 리스트 화면

아직 설정하지 못한 이미지 경로

일단 게시글 작성 시 이미지 URL을 하드코딩해둔 상태이긴 하지만,

서버에 배포하고 나서야 설정이 가능할 것 같아서 개발 환경에서는 테스트 이미지를 하드코딩으로 처리해두었습니다.

이미지 경로 하드코딩

정리

소요시간: 약 2시간

난이도: 5/10점

프로젝트 진행도: 30%

코멘트:

새로 배우는 언어와 환경이다 보니 쉬운 작업도 신경 써야 할 게 많습니다.

시간이 좀 더 소요되더라도 차근차근 완성해나가겠습니다.

댓글 0

첫 번째 댓글을 남겨보세요.