Autumnn Dev

반드시 기억해야 하는 CSS 선택자 30개 요약1. Universal Selector (*)모든 요소를 선택.사용 시 브라우저 성능에 부담을 줄 수 있으므로 남용하지 않는 것이 좋음.2. ID Selector (#id)특정 ID를 가진 요소 선택.유일성을 가지므로 재사용성이 낮음.3. Class Selector (.class)특정 클래스를 가진 요소를 선택.여러 요소에 적용 가능, 재사용성이 높음.4. Descendant Selector (X Y)특정 요소 내에 포함된 자손 요소 선택.예: li a → 내의 요소를 선택.5. Type Selector (X)특정 태그 타입의 모든 요소를 선택.예: ul → 모든 요소 선택.6. Pseudo-classes (X:visited, X:link)특정 상태의 ..

tailwindcss : 가독성 떨어짐, 간단함, 자료가 많음styled-components : 가독성이 좋으나, 자료가 부족, css와 비슷 반응형 dimmed처리: 새로운 창이 떴을 때 이전 화면 어둡게, 스켈레톤 코딩아이템이 로드되기 전 나타나는 애니메이션 만드는 방식https://seons-dev.tistory.com/entry/Skeleton-Loading-JS 연산자(Operators)/* CSS */.container { display: flex;}article[role="main"] { width: 62.5%;}aside[role="complementary"] { width: 31.25%; margin-left: auto;}/* SCSS */@use "sass:math";.conta..