box-shadow로 주변을 밝혔다 어둡게 했다 반복하는 것으로 반짝이는 것처럼 연출한 방식을 보고 참고해서 작성했다. 클래스명으로 사용할 배열로 각각 별의 사이즈, 투명도, **애니메이션** (아래에서 내가 정의해서 사용할 것, 이 클래스명에서 이슈가 있었다.... 하단에서 설명할 것)을 선언하고getRandomValue 함수로 별이 뿌려질 랜덤한 갯수를 리턴했다.  페이지의 기본 배경으로 사용할 예정이었기에 사용자가 쓰는 브라우저 창의 크기를 기준으로 별을 뿌려주려고 했는데, window를 참조하려고 하니 window is not defined 에러가 떴다. 찾아보니 nextjs가 ssr로 서버에서 먼저  HTML을 그려놓는데 클라이언트가 window에 접근하기 전에 그려지기 때문에 참조 에러가 나오..

반응형 이미지를 구현하면서 미디어 쿼리를 사용해서 뷰포트 width에 따라 변화를 주고 있었다. 그런데 자꾸 sm 사이즈, lg 사이즈만 적용되고 중간 사이즈가 적용이 안 되고 헛도는 것;;사이즈에 변화를 주거나 이것 저것 만져봐도 이유를 모르다가 해결책을 알아냈다. 먼저 문제 상황을 간략히 설명하자면 다음과 같다.➡️ 문제 상황 !@media screen and (max-width: 734px) { .section-tile-wrapper { min-height: 490px; justify-content: flex-end; }}@media screen and (max-width: 1068px) { .section-tile-wrapper { min-hei..