어쩌다보니 너무,,, 늦게 작성하는 TIL이다.
👉 오늘 한 일
- 리액트 프로젝트 수정
👉 공부한 내용
- 슬라이더에 progress bar처럼 구현을 해야했는데 잘 안되서 검색을 해서 구현을 성공했다,,,!
크롬이랑 파이어폭스에 지원하지 않는 속성이 있어서overflow: hidden과input의range,box-shadow를 활용해서 구현했다.
구현한 부분을 캡쳐한 것이다! 실제로는 구현하는데 오래 걸렸다 ㅠㅠ 그리고 화면 크기에 따라서 조절하기 힘들었다 ㅠㅠ Css는 너무 어렵다,,,
☕️ 잡담
너무 늦게 작성하는 TIL이다,,, ㅠㅠ 다시 최대한 그날 그날 한 부분을 정리해서 열심히 작성해야겠다!
📑 참고 사이트
input 타입 range 스타일 수정하기_커스텀 스타일 - Repositories by zzolab님 블로그
요리 좋아하는 코린이