인트로평소에 flex만 쓰다 보니 grid 쓰는 방법을 아예 모르겠더라고요... 그래서 이번에 grid를 좀 써보려고 합니다.일단 이 포스팅에서는 기본적인 내용만 다룰 예정입니다. 앞으로 grid쓰는 연습을 좀 해야겠어요...gridflex는 1차원 즉 한 방향 레이아웃 시스템이며그리드는 2차원 두 방향 레이아웃 시스템입니다.gird와 flex를 적절히 사용하면 레이아웃 마스터 가능이겠죠?특히 계산기 버튼 배치 같은 격자무늬 배치는 grid 사용하면 뚝딱입니다.저는 grid 쓸 줄 몰라서 flex로 했습니다만 grid 쓴 사람보면 너무 부럽더라고요.. grid를 사용하려면 기본적으로 flex처럼 부모 요소인 Container와 자식 요소인 Item이 있으면 됩니다. 1 2 3 4..

인트로안녕하세요 오늘은 css의 가상 요소 aka 의사 요소에 대해 알아보려고 합니다.가상 요소를 어떨 때 사용하는지 궁금하기도 했고 가상 요소에게 데인 적이 있어서 관심을 가지게 되었습니다. img는 가상요소를 쓸 수 없다?Summary 결론 img는 가상요소를 못쓴다🥹.. Problem 위 그림에 표시된 것과 같이 이미지에 가상요소를 추가하는 연습을 하고자 했습니다. img::after 를 사용해서 진짜 열심히 만들었는데 아무것도 뜨지i-did-it.tistory.com가상 요소란?선택자에 추가하는 키워드로 선택한 요소의 일부분에만 스타일을 입힐 수 있습니다. 가상 요소의 종류는 다음과 같습니다. MDN 표준 목록을 참고하였습니다.::after::backdrop::before::cue::cue-re..