적응형? 반응형??

요즘 주변을 돌아보면 너무나도 많은 화면들이 보인다.

PC부터 시작해서 태블릿, 모바일, 기타 등등...

 

다르게 말하자면 '웹'도 그에 맞는 화면들이 있어야 한다는 의미이다.

물론 pc에만 맞게 설계하고 다른 디바이스는 신경을 쓰지 않아도 볼 수는 있겠지만,

그 웹은 아마 자주 들어가게 되진 않을 것 같다.

 

디바이스가 다양해지면서 나온 개념이 '적응형'과 '반응형'이다.

(출처 : https://www.swiftelearningservices.com/multi-device-elearning-responsive-elearning-design-vs-adaptive/)

 

먼저 적응형(Adaptive Web design)이란 무엇일까?

 

말 그대로 각 화면에 적응을 시킨다는 것이다.

즉, pc로 보는 웹, 태블릿으로 보는 웹, 모바일로 보는 웹, 기타 등등을 별도로 템플릿을 만드는 것이다.

 

 

그렇다면 반응형(Responsive Web design)이란 무엇일까?

 

반응형도 말 그대로 각 화면에 반응하겠다는 것이다.

화면의 크기가 달라질수록 안에 있는 콘텐츠들이 같은 비율로 달라지거나, 약간의 재배치가 이루어지거나 라는 식이다.

 

 

그렇다면 "반응형이 더 좋은 거 아닌가??" 혹은, "적응형이 더 좋은 거 아닌가??"라는 생각을 할지도 모른다.

하지만, 뭐가 더 좋냐는 판단은 개발자, 혹은 의뢰자(?)가 정하면 될 것 같다.

 

 

각각의 장단점을 알아보자면

우선 반응형 웹은 하나의 템플릿으로 웹을 관리할 수 있지만
적응형 웹은 다양한 템플릿을 준비해야 한다.

 

하지만 반대로, 그로 인하여
반응형 웹은 하나의 코드에 모든 해상도에 따른 반응이 담겨있기에 소스가 복잡하고 로딩이 오래 걸린다.
적응형 웹은 다양한 코드에 담겨 있어 각 해상도에 맞는 코드만 불러오면 되기에 단순하고 로딩이 빠르다.

 

각각의 웹이 장단점이 확실하기에 추천을 하거나 받을 수 없을 것 같다.

 

 

참고

https://adclip.tistory.com/387

https://webroadcast.tistory.com/5

 

 

 

 

글 내용 중, 잘못됐거나 더 알아야 하는 지식이 있다면 댓글로 남겨주시면 감사하겠습니다!

모두 좋은 하루 보내세요:)