프로젝트 진행하면서 버튼 비활성화 시 css를 추가하는 기능을 하려고 추가하려고 했다. 하지만 기존의 방식으로 적용하니까 제대로 작동이 안했다. 이를 해결하기 위해 css선택자와 결합자의 이해를 높이기 위해 글을 정리하기로 했다.태그 자체를 선택해서 HTML문서 내 모
프로젝트를 진행하면서 다양한 이미지를 반복적으로 map에 활용해서 보여주는 작업을 하게 되었습니다해당 작업을 진행할 때, 각각 이미지 크기가 전부 다르고, 비율도 다르기 때문에 width 와 height를 강제로 설정하였을때 비율이 깨지는 문제가 발생했습니다. 이것을
이미지 크기 반응형 구현하기 테일윈드를 사용하면서, 이미지크기가 반응형에 맞게 커졌다 작아지는 로직을 구현하려고 한다 📌 중요한 point next의 Image 태그는 width 나 layout 속성 중 하나는 필수이고, 하나를 쓰면 나머지는 사용이 불가하다 반응
알아보기 전에 Styled Components없이 css를 만들어 보자 이 방식은 먼저 div를 생성한 다음스타일을 적용시켰다 그리고 각각 div 를 들여다봐야지만, 어떤 역할과 css가 적용되었는지 알 수 있다먼저 라이브러리를 설치해준다npm i styled-comp