프론트엔드 작업 : 오랜만에 무너진 CSS와 반응형 조정

아오 테스트 했을때 잘 됬는데 왜 또 무너지고 난리야 ㅋㅋㅋㅋ

scroll down, up 버튼을 추가했더니 휠이 안 돌아감

보니까 index.css의 body에 overflow hidden걸려있음

그래서 그냥 일단 내가 하는 css 에 바디 속성에 overflow-y : scroll 추가함

설마 다른 사람 코드 css 무너 트리지 않겠지…? 괜찮은 것 같음!

 

흠 && 조건을 걸어서 동일한 위치에 다운과 업버튼이 스위치 되게 해놨는데,

문제는 100vh 인 화면에서도 스크롤 휠 없는데 이 다운 버튼이 보이냐구여~

보니까 기본값 true 먹어서 그런거 같은데, 어떤 조건을 추가해야할까…

 

솔루션 : UI는 그냥 다 미디어 쿼리에 갖다 넣는 것이였음

opacity: 0 하니까 바로 사라짐 아.

===> 기억! 버튼의 UI는 responsive에서 조정한다.. 아 왜 이거 진짜 단순한건데 생각 못하고 자꾸 scrollbutton에 가서 useEffect 먹어 놓고 있었지!!!?

 

그리고 진짜 좀 더럽게 짜 놓은 클래스..

어찌 저찌 정리해서 cell phone size, small, medium, medium to large, above large screen size 에 따른 UI 적용했는데,

조상님 코드들 보니 딱 그냥 사이즈 두개로… 했던데.. 나 왜 사서 고생 ㅋㅋㅋ

anw 오늘 마지막으로 사이즈 조정하고, 기능 확인하고, comments나 console.log 찍히는거 없는지 확인하고, 또 중복 코드 확인하고.. ticket 업데이트 하고.. 그리고 오늘 새로운 티켓을 시작한다..

 

티켓 하나 끝나면 계속 받네 ^^ 내 샐러리도 그만큼 받나요?ㅋㅋㅋ

일단 일 다 받고 실력을 키워서 점핑하는 거루!!!!

Leave a Comment