Swiper.js 사용한 컴포넌트 에서 linear-gradient 적용되지 않는 문제

[jinyoung234]

문제 상황

✨ feat : PerformanceBanner 컴포넌트 구현

처음엔 next/image를 사용하면 swiper.js에 있는 Swiper 컴포넌트에 이슈가 있을 거 같아서 Image 컴포넌트를 사용하지 않고 backgroundImage 속성을 이용하지 않고 적용 후 PR을 올렸다. 다은님의 PR 리뷰에 따라 다시 next/image를 사용하게 되었는데 다음과 같은 문제들이 발생했다.

첫번째 문제 (swipe 컴포넌트 옆에 Wrapper 추가)

링크 설명 대로 컴포넌트 코드를 짯고 swipe도 안되고 의도한 스타일이 나오지 않는 문제가 발생하였다.

두번째 문제 (Link 컴포넌트 옆에 Wrapper 추가)

링크 설명 대로 컴포넌트 코드를 짯고 swipe는 되지만 의도한 스타일이 나오지 않는 문제가 발생하였다.

세번째 문제 (Link 컴포넌트 옆에 Wrapper 추가)

링크 설명 대로 컴포넌트 코드를 짯고 wrapper 자체가 보이지 않는 이슈가 존재했다.

문제 해결

처음 코드로 되돌려 놓은 상태이며 추후 리팩토링 예정이다.