미디어 쿼리 없이 자스만으로 반응형 웹 구현하기 라는 허접한 팁에 대해 cshop 님이 토론할 꺼리를 던져주셨네요.
고맙습니다. 제가 관심 있는 주제에 대해 떠들 기회가 한번 더 생긴 것 같아서요.

발원지

cshop님의 주장은 다음과 같이 요약할 수 있습니다.


native 하지 않아서 negative 하다는 재밌는 주장입니다. :)
말장난하기도 좋네요.ㅋㅋㅋ

좋은 지적이면서도 한편으로는 아쉬움이 남는 지적입니다.
왜그러느냐? 하면

1. 크로스 브라우징
2. jquery 사용의 편리함과 다른 이펙트 사용
3. css 만으로 해결할 수 없었던 문제

1. 크로스 브라우징

이건 cshop 님도 스스로 댓글에 달아놓으셨죠. ie 를 제외하면 모두 미디어 쿼리를 지원한다구요.
댓글 속에 답이 있습니다.

반응형 웹을 크로스 브라우징하기 위해선 respond.js 류를 한번 더 호출해야 합니다.
다음 2번에서 jquery 의 이펙트 사용까지 고려하면 어차피 호출해야 하는게 jquery 라는 거죠.

2. jquery 사용의 편리함과 다른 이펙트 사용

jquery 가 너비 계산용으로만 쓰기에는 무겁고 비효율적인 것은 인정합니다.
윈도우 창크기가 변경될 때 다시 한번 계산하도록 해놨는데, 열에 한번 정도 계산이 제대로 안 되는 경우가 있어서 사실은 library 사용을 하지 말아야 하나 하는 고민을 하는 것도 사실입니다.
근데 이게 jquery 를 써서 그런 건지, 제가 미숙해서 그런 건지도 아리송합니다. ㅎㅎㅎ;;

그런데 Test 하는 경우가 아니면 일반 사용자가 창크기를 열심히 늘렸다 줄였다 하는 경우는 매우 드물 것이라는 판단입니다. 또한 주말 저녁 잠들기 전 간단한 아이디어로 구현해보기에 jquery 만큼 효과적이고 쉬운 library 는 없는 것 같습니다.

물론 fade 효과 같은 다른 효과를 사용할 계획인 것도 있죠.

3. css 만으로 해결할 수 없는 문제가 있습니다.

문제보기


좋은 지적인 것은 제가 한번 더 생각해볼 기회를 주셨기 때문이고,
아쉬움이 남는 이유는 본문을 제대로 읽지는 않고 제목만 보고 어라 요놈 봐라? 식으로 달린 듯한 댓글 때문입니다. ;)

3번 문제는 css3 의 calculate 모듈? 함수?로 해결할 수 있을 것 같긴 한데, 안드로이드 뿐만 아니라 지원을 제대로 못하는 브라우저가 꽤 있는 것 같습니다. 1번 크로스 브라우징에 상충되는 문제점이죠.



그래서 저는 native 하지 않은 방법을 썼지만 positive 하다고 봅니다.
자 이제 cshop님 턴입니다.