CSS | visibility:hidden, display:none 차이점

display:none = 유령

• 해당 Tag와 그 내부의 모든 Tag의 내용을 없애버린다.
• 해당 Tag가 점유하고 있던 block을 아예 없애고, 화면 상엔 원래 없었던 것처럼 나타나게 된다

visibility:hidden = 투명인간

• 해당 Tag와 그 내부의 모든 Tag의 내용을 숨겨버린다.
• 이는 없애는 게 아니라 보이지만 않게 하는 터라 해당 Tag가 점유하고 있던 공간은 공란으로 나타나게 된다