반응형 웹을 구현할 때, 이미지를 다양한 기기 환경에 맞춰~자유롭게 조절할 수 있는 태그는 크게 두 가지 방식으로 사용할 수 있다. [ 방식 01 - 'sizes + w 단위(srcset)' 방식 ] 폭(Width) 기반 반응형 이미지 방식 sizes="50vw" >> 이 이미지는 뷰포트의 절반 크기로 보일 예정!브라우저는 실제 렌더링 크기(50vw 계산값)를 보고! 420w 또는 656w 중 적절한 해상도를 선택함. 브라우저가 선택 기준으로 삼는 것?? >> 화면에서 이미지가 어느 정도 폭(width)으로 보일지! 언제 사용??로고처럼 화면 크기에 따라 보이는 크기가 달라지는 이미지반응형 레이아웃에서 width가 유동적인 이미지 [ 방식 02 - '픽셀 밀도(1x, 2x, 3x..