NeatCoder's Lab

오늘은 총 세 가지에 대해서 알아보도록 하겠다. Hide content, Box-sizing, BFC이렇게 세가지! Hide content Hide content는 그냥 컨텐츠를 숨기는 기법이다. 거기에 뭔가 있지만 나타나지 않도록 하는 것이다. 하지만 숨겼더라도 아직도 다른 것들이 접근할 수 있도록 접근성은 고려하는 것이 좋다. 가령 예를 들면 텍스트를 읽어주는 기능이 그것을 읽을 수 있도록 해주는 것이다. 이것을 해결하기 위해서 사용하는 것이 일명 clip pattern이다. clip pattern은 웬만하면 css 속성으로 설정해주는 것이 default로 정해져있다. 다음 코드를 외워보자. .a11y-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); he..