반응형 문의

안녕하세요 이샘님 😀

질문 내용을 정리하면서 답변을 드리겠습니다.

Q1. 반응형 디자인 작업을 할 때 어떻게 작업해야 맞는 방향일까요?

A1. 정해진 규칙같은건 없으나 디자인이 깨지는 현상이 적게 발생하고, 개발의 공수도 덜 들어야 하기 때문에 대체적으로 각 디바이스별 최소 사이즈를 기준으로 작업을 진행합니다.

Q2. 모바일은 반응형이란 개념이 없는건가요?

A2. 웹은 크게 2가지의 형태로 작업할 수 있습니다.

• 반응형 웹 (하나의 웹사이트를 모든 디바이스에서 다 볼 수 있도록 구현한 사이트)

   

반응형 웹은 하나의 사이트 주소를 통해 모든 디바이스에서 레이아웃의 깨짐이 없이 볼 수 있는 사이트를 말합니다. 그래서 들어가는 사이트 주소도 단일 주소 입니다.

• 고정형 웹 (웹사이트가 하나의 해상도에 고정되어 있는 사이트)

고정형 웹은 모바일 or PC 이런식으로 해상도에 고정된 웹사이트를 의미합니다. 각각 들어가는 주소가 달라지기 때문에 다중 주소를 가지고 있습니다. 대체적으로 주소 앞에 m. 으로 시작하는 사이트들이 고정형 사이트 입니다.

네이버 PC 고정형 사이트

https://www.naver.com/

네이버 모바일&태블릿 고정형 사이트

https://m.naver.com/

인터넷이 느리던 시절엔 고정형과 반응형의 장단점 차이가 분명하게 나긴 했지만, 요즘은 크게 차이를 보이지 않고 있습니다. 그래서 대체적으로 사용자의 유입이 많은 대형 사이트가 아니라면, 유지보수와 사용자 경험이 좋은 반응형 웹을 많이 만들고 있습니다.

항상 열심히 하시는 이샘님을 응원합니다.

감사합니다 :)