반응형 적응형 구분

아.. 지금 보니까 브라우저 너비를 줄여도 변화가 없군요. 아예 다른 html을 불러오는 것 같습니다. 크몽이랑 당근마켓이 반응형으로 만든게 아니라 모바일 디바이면 다른 레이아웃을 불러오는 적응형이네요. 이런 경우는 반응형이라고 부를 수 없습니다. 반응형은 1개의 html이 다른 형태로 변화하는 것이고 적응형은 디바이스 종류에 맞춰 다수의 html이 있는 것 입니다.

아무래도 적응형으로 만들면 1개 디바이스에 최적화 해서 만드니까 훨씬 일이 쉽죠. 쉽기도 하고 결과물도 좋고.. 하지만 같은 작업을 2번 3번 해야 하죠. 반면에 반응형은 만들기는 어렵지만 같은 작업을 적응형 처럼 반복할 필요가 없죠. 물론 적응형에 비해 디바이스에 맞춰 최적화하기는 어려운 부분도 있습니다.

일단 반응형은 모바일과 태블릿 대응으로 하는데 강의는 시간관계상 태블릿은 조정을 안했습니다.

사실 태블릿 조정은 크게 시간이 걸리는 부분은 아닙니다.

@media (min-width: 768px) and (max-width: 1024px) {...} 이 구간 안에 태블릿에서 변화될 레이아웃을 적어주시면 됩니다.

크몽의 경우 적응형은 아니고 반응형으로 만든 것 같습니다.