**RWD(Responsive Web Design, 반응형 웹 디자인)**란 하나의 웹사이트가 접속하는 기기(PC, 태블릿, 스마트폰 등)의 화면 크기에 반응하여 레이아웃을 자동으로 최적화하는 기술을 말합니다.쉽게 비유하자면, 물을 그릇에 담으면 그릇의 모양에 따라 형태가 변하듯 웹 콘텐츠가 기기의 화면 크기에 맞춰 유연하게 변하는 것이라고 이해하면 쉽습니다.🏗️ 반응형 웹을 만드는 3가지 핵심 요소반응형 웹은 마법처럼 작동하는 것이 아니라, 세 가지 기술적인 약속을 기반으로 만들어집니다.그리드 시스템 (Fluid Grid): 요소를 배치할 때 px 같은 고정 단위가 아니라 %나 vw 같은 상대 단위를 사용합니다. 덕분에 화면이 넓어지면 넓게, 좁아지면 좁게 비율에 맞춰 늘어납니다.유연한 이미지 (Fl..