CSS에서 엘리멘트를 숨길 때 display: none 과 visibility : hidden를 사용할 수가 있습니다. 그런데 이 둘의 차이점이 뭔지 궁금해서 알아보았습니다. 일단 이런 상자가 있다고 칩시다. 주황, 파랑, 청록색 블럭이 있네요! (결과값쪽을 봐주세요) See the Pen study by Hebom (@hebom2022) on CodePen. 먼저 display : none에 대해 알아봅시다! display속성은 어떻게 엘리먼트가 표시되는지 결정합니다. (inline or block 중) 그리고 flex, grid등과 같은 엘리먼트의 자식들의 레이아웃도 설정합니다. 이때, display를 none와 함께 쓰면 엘리먼트를 보여주지 않습니다. (게다가 그 자식들까지 포함해서) 마치 원래 없..