팀프로젝트 리팩토링 2일차

나의 to do list

• 메인 피드형 게시글 리스트 반응형(로그인 한 상태에서 보이는 피드 부분)

mainList page 반응형 전..

mainList page 반응형 후..

📌 이슈

• 게시글 div에 width 100%를 줘도, 게시글 박스가 잘려서 나옴
  
  
  ⚙️ 무한스크롤을 div에도 width: "100%" 를 줬어야 했었음. (listBox div의 상위 div가 무한스크롤 div라고 생각 자체를 못함)
  

💡 오늘의 느낀점
반응형을 하면서 느낀점이지만, 프로젝트 당시 로그인 했을 때, 로그인 안했을 때, 그리고 검색했을 때 나온 글 리스트 각각의 조건을 주어서 코딩을 했었다. 문제는 글 리스트 부분을 공통 컴포넌트로 사용을 못해서 각각의 css를 만줘주어야 한다는 점이 오늘 뼈저리게 느껴졌고, 리팩토링 기간이 짧아서 어떨지는 모르겠지만, 개인적으로라도 컴포넌트를 따로 빼서 코드를 줄여야겠다고 다짐했다.