오늘은 아침에 팀원들과 워크플로우를 작성했다.
그리고 무한스크롤 구현을 시도했는데, api를 넣는 로직을 여러개 보았는데,
rtk-query로 firestore에서 데이터를 받아오고 있어서 여러 시도를 해봤지만, 데이터는 받아와서 홈페이지에 나타내는 부분에서 데이터가 안 나왔다.. 될 것 같으면서도 안되는게 너무 답답했던 하루였다... 내일 다시 구현해봐야지!
무한스크롤 구현하다가 테스트하려고 댓글을 길게도 써보고 여러개 작성해봤는데, 댓글을 길게 썼을 때 자동줄바꿈이 안되는 것도 발견하고, 댓글 입력창 안에서 엔터키로 줄바꿈한 내용이 firestore에 반영이 안되어서 올라가는 문제가 있었다는 걸 알 수 있었다.
<p className="w-30 text-md whitespace-pre-wrap break-words">
{comment.comment}
</p>
엔터로 줄바꿈한 내용 반영하는 건 whitespace-pre-wrap
으로 해결할 수 있었다.
기획회의가 해도해도 끝이 없다. 개발일정도 생각해서 부지런히 작업해야겠다..!😢