[Part.3] 반응형 웹, 모바일 웹

 

 

1. 반응형 웹

- 크기에 따라 늘어나거나 줄어드는 웹사이트를 말한다.
- 어떤 환경(모바일, 태블릿, 큰 모니터, 작은 모니터 등)에서도 사용자가 편하게 볼 수 있도록 한다.

 

 

2. 화면에 맞게 개발을 추가적으로 작업해야하는가?

- 아니다. 개발은 한 번만 하지만 그대신 CSS 미디어 쿼리를 사용한다. 
- CSS에서 화면의 가로사이즈(width)를 구간으로 나눈다. 
- 예를 들어, 1200px 이하 사이즈에서는 가로로 보이게 한다던지 이런식이다.
- 해당 작업을 통해 화면 사이즈에 맞게 레이아웃이 배치된다.

 

 

3. CSS로 일일히 구간을 나눠야 되는가?

- 그렇다. PC, 태블릿, 모바일 width 사이즈에 맞게 다 작업해야한다. 
- 그래서 은근 공수가 많이 투입되는 작업이다. 혹은 bootstrap이란 라이브러리를 사용해서 간략하게 작업할 수도 있다.

 

 

4. 모바일 웹

- 모바일 장치에서 접속했을 때 표현되는 웹사이트이다.