CSS 2

[styled-component] react-slick 사용하기 (how to use react-slick)

개요 Carousel을 만드는 과제를 하면서 이것저것 많이 보고 이 정도까지 열심히 만들어봤는데... https://youtu.be/xXTb7uQcSLQ 생각보다 퀄리티가 많이 부족해서 쓰지 않고 react-slick이라는 라이브러리를 사용하였습니다. 이번 포스트에서는 아쉬운 맘을 담아 제가 만들던 코드를 올리고, react-slick의 설치부터 제작까지 진행하며 유용했던 정보, 꼭 알아야할 정보를 적고자 합니다. 본론 1. Carousel 직접 제작 1.1) 도움이 많이 된 글 모음 - Carousel 개념 잡는데 좋았던 글 (1) [JavaScript] 자바스크립트로 캐러셀(Carousel) 구현하기 자바스크립트로 캐러셀 슬라이더 만들기 step-by-step velog.io - Carousel 개념..

Language/Javascript 2022.04.13

[css] label에 vertical-align이 안되어서 (시리즈-찾다가 알게된 정보!)

시리즈 "찾다가 알게된 정보!"는 오류나 막히는 부분에서 왜 안되는가... 찾다가 신박해서 혹은 잊지않으려고 기록해두는 시리즈입니다. 문제 상황 오늘은 동아리 단체 프젝으로 파일선택을 위한 input태그를 label과 함께 써보았는데요.. label에 다른 정보는 다 작동하는데 vertical-align:middle;이 자꾸 작동이 안되더라구요 ㅠㅠ 그래서 사진처럼 "사진 변경하기" 글자가 위로 올라가있어서 몇시간동안 이런저런 짓 다해보다가 그 이유를 알게되었습니다. 해결 과정 오늘도 stackoverflow에서 해결을 해보고자 했습니다. https://stackoverflow.com/questions/1554941/vertical-align-text-in-a-label Vertical Align tex..

Language/CSS 2021.06.30