최근 이상형 월드컵이라는 프로젝트를 시작하면서, 이미지 처리 이슈가 생겼다.크롤링해서 이미지를 받아오는데, 가로형과 세로형이 무작위로 오기 때문에 얼굴이 제대로 나오지 않고 깨지고, 비율이 계속 바뀌어서 보기가 좋지않았다.이러한 이슈를 해결하기위해 사진을 자르고 저장하
next.js는 서버와 클라이언트 html이 다를 경우 오류를 출력한다.
window.innerWidth 값을 사용하기 위해 함수를 작성하였고 빈번한 렌더링을 막고자 디바운스를 적용하는 내용을 정리하였다.