프론트엔드 개발자의 CSS 체크리스트

요즘의 모바일 환경의 쇼핑몰 페이지에서는 "펼치기" 라는 버튼들을 자주 볼 수 있다.

위와 같은 툴팁 뾰족이(▲)는 어떻게 만들 수 있을까?

위의 장바구니 안에 담긴 상품이 5개임을 표현해주고 있는 귀여운 동그라미가 보이는가?

나는 스크롤을 적용시키고 있는 그 영역(범위)에만 한정하겠다.

Line Clamp는 라인이 두 줄을 넘어갈 시에 CSS 속성을 활용하여 ... 으로 처리해주는 것을 의미한다. Truncate 는 1열일 때 글자가 터져나가면 안되니 ... 으로 처리해주는 것을 의미한다.