🥞 오늘 한 일

• 뉴스피드 프로젝트
  • 메인 페이지 게시물 없는 경우 텍스트 추가
• WIL 8주차 작성

🍽️ 문제 해결

뉴스피드 프로젝트 - 메인 페이지 게시물 없는 경우 텍스트 추가

마이 페이지에서는 게시물이 없을 경우 없다는 텍스트가 나오지만, 정작 메인 페이지에서는 해당 기능이 없기 때문에 추가했다.

// NewsfeedList.jsx

{feeds.length ? (
  feeds.map((list) => <NewsfeedItem key={list.id} list={list} />)
           ) : (
  <StyledNoPost>작성된 게시물이 없습니다.</StyledNoPost>
)}

기존에는 바로 feeds를 map해주던 것을 삼항 연산자를 사용해, length가 1 이상일 경우 map을 해주고 그렇지 않을 경우 작성된 게시물이 없다는 텍스트가 나오도록 간단하게 제작했다.
간단하게 해결한 문제이지만 이런 디테일한 부분이 완성도에 크게 기여한다고 생각하기 때문에 필요하다고 생각했을 때 바로 진행을 하는 게 좋다고 생각한다!

🍳 내일 할 일

• 리액트 심화 강의 수강
• 리액트 심화 개인과제 시작