# responsive design
프론트엔드 개발자가 되기위한 여정 -57
밸!하~밸로그 여러분 안녕하세요!오늘의 주제는 반응형 디자인에 대해서 이야기를 드려보려고 합니다!요즘 가장 많이 들리는 말이죠?여러 채용공고에서도 자주 보이는 내용인데요!바로 반응형 웹입니다!취업을 하기위해서 나아가 현 프론트엔드의 흐름을 알기위해서라도 꼭 알아야겠죠?

@media , Responsive Design
Responsive Design 반응형 웹 디자인(Responsive Design)이란 웹 디자인 기법 중 하나로, 하나의 웹사이트에서 PC, 스마트폰, 태블릿 등 접속하는 디스플레이 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 의미한다. 이를 사용할 때, 미디어 쿼리를 이용해 사용할 수 있다. > @media @media...

@media , Responsive Design
사이트는 크게 반응형 사이트와 적응형 사이트 두가지로 나뉘게 된다.적응형 사이트의 대표적인 예로는 네이버가 있다.크기를 줄였을 때 사이즈가 같이 줄어들지 않고 덮이는 것을 적응형사이트라고 한다.반면에 배달에 민족같이 크기에 따라 이미지도 줄어드는것을 반응형 사이트라고

반응형 웹 미디어 쿼리
미디어 쿼리는 CSS3에서 소개된 CSS 기술입니다.미디어 쿼리는 특정 조건이 true 인 경우에만 CSS 속성 블록을 적용하도록 @media 규칙을 사용합니다. 아래 코드는 브라우저창의 width 가 600px 이하인 경우, body 의 배경색을 lightblue 로

@media , Responsive Design
CSS 미디어쿼리는 출력 장치의 여러 특징 가운데 일부를 참조하여미디어 쿼리는 반응형 웹 디자인의 핵심 부분으로CSS 코드를 분기 처리함으로써 하나의 HTML 소스가 여러가지 뷰를 갖도록 구현할 수 있게끔한다.이는 사용자가 마우스가 아닌 터치스크린을 사용하는지와 같은