div태그
-
div, 아무 데나 쓰는 거 아닙니다 – 바나나로 배우는 구조 설계법WEB/HTML 팁 2025. 4. 24. 08:12
HTML을 처음 배우면 가장 먼저 만나는 태그가 입니다.그런데 이걸 아무 데나 막 쓰면? CSS가 더럽게 꼬입니다.유지보수도 힘들고, 디자이너랑 협업도 안 됩니다.🧱 div는 '구조'를 짜는 태그입니다는 'division(구역)'이라는 뜻.즉, 콘텐츠를 기능/의미/디자인 기준으로 나눠주는 박스입니다.그래서 '이게 하나의 덩어리인가?'를 기준으로div를 감싸고, 분리하고, 정리하는 게 핵심입니다.🍌 바나나로 이해하는 div 구조웹사이트를 바나나에 비유해봅시다.layout = 바나나 숲 🌳 (전체 페이지 뼈대)wrap = 바나나 나무 🌲 (그 페이지의 주제 단위)section = 바나나 송이 🍇 (기능별 콘텐츠 묶음)div = 바나나 🍌 (하나의 콘텐츠).card__peel = 바나나 껍질 (스타..