각종 링크 수정 및 scrollToTop 버튼 구현(3/15 프론트엔드 피드백 반영)

[nestiank]

• 브로슈어, 판례, 기사 링크 교체
• WhiteButtonTitle element의 링크 삭제
• 서명운동 참여하기 버튼을 누르면 보기 좋게 하단으로 이동하도록 링크 및 CSS 수정
• 검색 버튼 색상 변경
• scrollToTop 버튼 구현 - feat: 스크롤 버튼 만들기 #9
• 기타
  • 컴포넌트명 오류 수정

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
call22nd	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 18, 2024 7:54am

[nestiank]

데스크톱에서 scrollToTop 버튼이 너무 오른쪽으로 붙는데, 어떻게 하면 좋을까요?

[koremp]

데스크톱에서 scrollToTop 버튼이 너무 오른쪽으로 붙는데, 어떻게 하면 좋을까요?

max width 360px짜리 div 태그 추가하면 되지 않을까요?

[koremp]

데스크톱에서 scrollToTop 버튼이 너무 오른쪽으로 붙는데, 어떻게 하면 좋을까요?

max width 360px짜리 div 태그 추가하면 되지 않을까요?

window 객체를 사용해서 하면 window width resize 될 때마다 가변값으로 fixed position 값을 변경해주면 될 것 같네요. useEffect 훅을 사용해서 컴포넌트가 마운트 될 때 window의 width 값을 가져와서 초기 값 설정해주면 될 것 같네요. 지금 하려다가 막혀서... 내일 또 해보겠습니다

[koremp]

데스크톱에서 scrollToTop 버튼이 너무 오른쪽으로 붙는데, 어떻게 하면 좋을까요?

max width 360px짜리 div 태그 추가하면 되지 않을까요?

window 객체를 사용해서 하면 window width resize 될 때마다 가변값으로 fixed position 값을 변경해주면 될 것 같네요. useEffect 훅을 사용해서 컴포넌트가 마운트 될 때 window의 width 값을 가져와서 초기 값 설정해주면 될 것 같네요. 지금 하려다가 막혀서... 내일 또 해보겠습니다

Next.js의 dynamic import를 사용해서 Reference Error: window is undefined 에러 해결했는데 css 중에서 right만 안잡히네요. 이것만 해결하면 될 것 같네요

[koremp]

window의 width가 360px 이상일 때 화면이 너무 가독성이 좁아지는 것 같아서 우선 mainWrapper로 width 360px를 설정해봤습니다.

[koremp]

window width가 변경될 때마다 right 25px 고정되게 수정했습니다.

[nestiank]

scrollToTop 버튼에 border 대신 shadow 추가를 하였습니다.
코드에 문제가 없는 것 같습니다 :)