[FEAT-FE] 피드 페이지 추가

[yanggwangseong]

💡 이슈 제목

• 피드 페이지 추가

✨ 이슈 설명

• [x] 피드 페이지 생성
• [x] 탭메뉴 퍼블리싱
• [x] 피드 아이템 퍼블리싱
• [x] 설정 toggle 모달 추가
• [x] 피드 페이지 사이드바 퍼블리싱
• [x] 피드 무한 스크롤로 가져오기 기능
• [x] 좋아요 아이콘 눌렸을때 lottie 애니메이션 보여주기
• [x] 헤더와 사이드바 고정

🎯 이슈 생성 후 확인 내용

• [x] 이슈 제목 확인
• [x] Assignees 설정
• [x] Labels 설정
• [x] Projects 설정

[yanggwangseong]

• 보통 퍼블리싱을 할때 부모 container div를 flex로 잡고 왼쪽 사이드바를 300px이라고 예를들면 나머지 오른쪽 컨텐츠 div를 width: calc(100vw - 300px); 이렇게 크기를 할당 해주었는데 27인치 모니터나 32인치 모니터에서는 당연히 왼쪽 사이드바가 300px로 잘 잡혀있는데 맥북 노트북 크기에서는 297.3이 나오는 특이한 상황이 생겼다.

<div className='flex'>
      <div className='left_sidebar'> 왼쪽사이드 </div>
      <div className='contents_container'> 메인컨텐츠 </div>
</div>

.css
.flex{
   display: flex;
}
.left_sidebar{
   width: 300px;
}
.contents_container{
   width: calc(100vw - 300px);
}

이렇게 분명 주었는데. left_sidebar를 크롬에서 확인하면

일딴 해결은 메인컨텐츠 div에 calc대신 flex:1 즉, flex로 나머지 공간을 차지하게끔 해주면 해결된다