Todo 정리2

2023.04.14

1. 단축키
   rfc: jsx 기본 형식
   si: style import
   cn: className import

2. overflow - 자식이 부모요소보다 커졌을때에 대한 처리
   overflow: visitble - 기본값으로, 내용이 요소의 경계를 넘어가도 그대로 표시
   overflow: hidden - 요소의 경계를 벗어나는 내용을 잘라내어 표시하지 않음
   overflow: scroll - 내용이 요소의 경계를 넘어가면 스크롤 바를 표시하여 스크롤하여 볼 수 있도록 함
   overflow: auto - 내용이 요소의 경계를 넘어가면 스크롤 바를 표시하지만, 내용이 요소의 경계를 벗어나지 않으면 스크롤 바를 표시하지 않음

3. text-transfrom : caplitalize - 영어의 앞글자를 대문자로

4. className 조건에 따라 쓰기

// className 조합하기 -> ``이용
// 현재 전달받은 필터와 내 버튼의 값이 동일하다면 styles.selected도 사용
className={`${styles.filter} ${filter===value && styles.selected}`}

5. filter

/*버튼을 올렸을때 밝아짐*/
.button:hover{
    filter:brightness(125%);
}

6. min-height - 화면을 넘어갔을때의 설정