이 사이트가 반응형인지 확인 부탁드립니다.
관련링크
본문
피씨버전이 있는 상태였고 피씨버전을 제외하고 모바일 태블릿에서 반응형으로 의뢰했습니다.
물론 그에 따른 단가 조절도 있었구요.
근데 작업한 모바일이 반응형으로 안보여서 개발자에게 문의했더니, "반응형이란게 어느 브라우저 해상도 맞게 보여주는것"이라며 해당 모바일 페이지는 반응형이 맞다고 답변합니다.
PC쪽을 제외한 모바일쪽은 반응형으로 제작된게 맞는지 고수님들의 의견 부탁드립니다.
약간 논쟁이 발생한 문제라 비록 채택은 한분밖에 할 수 없지만, 다수분들의 의견을 취합하고 싶습니다.
부탁드립니다.
답변 6
1. 갑과을은 처음에 PC/모바일 제작계약을 했다.
- 그럼 PC와 모바일을 따로 만드는걸로 계약됬기에 반응형웹사이트가 아니네요
2. 갑은 모바일 제작에서 탭 줄바꿈을 구현을 요구했다
탭형식이 깨지는부분때문에 줄바꿈을 해야한다고 애기했나보네요 그건 그냥 해줌..
(개인마다 틀리지만 대부분 깨지기때문에 돈을 요구하기보단 이방법으로 처리한다고 말해줌)
3. 하지만 을은 탭 줄바꿈 구현을 위해선 모바일웹이 아닌 반응형으로 제작해야한다고 주장했다
탭 줄바꿈을 구현하려면 모바일웹에서 그냥 css 몇줄만으로 처리가능하기에 보통 그냥해줌.
*** 하지만 이것은 사실이 아니다 ***
4. 갑과 을은 전화 통화로 반응형 작업 여부를 논의했다
5. 을은 반응형으로 작업할 경우 스마트폰과 테블릿 두 개의 레이아웃이 필요하다며 60만원의 추가비용이 발생한다고 주장했다
태블릿과 모바일경우 레이아웃이 틀린가요? 똑같다면 다르게 만들어줘야죠~
해당 사이트는 저의경우 40만원에 동일하게 작업합니다. 탭? 다 포함
6. 갑은 을의 의견을 수용했다
수용하셨다면 문제될게 없습니다.
7. 그러나 을은 갑에게 하나의 레이아웃만 보냈다.
태블릿일때 레이아웃은 빼고 왔나보네욤
8. 갑은 멍청하게 하나의 레이아웃만 승인한다.
갑이 승인했기때문에 문제가 없음.
9. 을은 일반 모바일웹과 구별되지 않는 기술로 탭 줄바꿈을 구현했고, 해상도에 따라 깨지지 않게 약간씩 변경을 가미하는 반응형을 구현했다.
이건 가변형이라고합니다. 넓이에 따라 줄어드는
반응형이란 모바일과 피시와 구분없이 반응해서 보여주는 사이트를 말합니다.
지금 안내주신 http://kortest.itoron.com/?device=mobile 이사이트는 모바일과 피시버전이 구분되어있네요.
"반응형이란게 어느 브라우저 해상도 맞게 보여주는것" 라고 언급하시는부분이 약간 모순이 있지 않나 생각됩니다. 어느 브라우저 해상에 맞다기 보다. 어느 device나 혹은 해상도에도 맞게 보여주는게 정답이 아닐까 생각됩니다.
도움이 되셨는지요 ^^
모바일웹이라고 보시면됩니다. 최신글경우 32인치 피씨에선 너무 넓네요..
메인경우 PC화면일때 태블릿화면일때 모바일화면일때 모두 달릅니다.
넓이만 맞춰지는건 모바일웹이라고 합니다 모바일에서 보기 편한 UI 모드라고 할수 있습니다.
반응형은 그말 그대로 사이트가 브라우저 크기에 맞춰 반응 하는것을 의미합니다.
반응형웹인데 미디어쿼리가 사용되지 않았으며 모바일웹을 준수한걸로 보여집니다.
그누보드5 모바일버전을 눌러보시면 해당 사이트와 동일합니다.
근데 그걸 모바일웹이라고 말을하는데 반응형 홈페이지라고 하지 않습니다.
주소를 보면 모바일로 이동되게 처리된듯한데 반응형은 모바일인지 아닌지를 css로 처리합니다.
(주) 서로커***** 이란곳에서 작업을 요청하신듯한데.. 해당 사이트 포트폴리오에는
반응형홈페이지 포트폴리오가 있네요. 게다가 해당 업체 사이트 또한 반응형입니다.
사이즈를 줄여보시면 이미지들이 자리를 움직이는것을 볼수 있습니다. 모바일메뉴 또한 그렇습니다.
헌데 PC버전이 있는상태에서 추가적으로 개발한다면 개발자입장에서도 모바일웹쪽만 작업하는게
맞는듯합니다.
만약 의뢰요청사항이 PC버전을 그대로 두고가 아닌 사이트를 반응형웹으로 만든다라면 애기가 틀려집니다
사실 제가 다른 사이트에도 같은 질문을 올리고 몇 분들이 답을 주셨습니다.
http://goo.gl/eiYdHL
양쪽의 답변을 취합하니 이렇게 정리됩니다.
1. 갑과을은 처음에 PC/모바일 제작계약을 했다.
2. 갑은 모바일 제작에서 탭 줄바꿈을 구현을 요구했다
3. 하지만 을은 탭 줄바꿈 구현을 위해선 모바일웹이 아닌 반응형으로 제작해야한다고 주장했다
*** 하지만 이것은 사실이 아니다 ***
4. 갑과 을은 전화 통화로 반응형 작업 여부를 논의했다
5. 을은 반응형으로 작업할 경우 스마트폰과 테블릿 두 개의 레이아웃이 필요하다며 60만원의 추가비용이 발생한다고 주장했다
6. 갑은 을의 의견을 수용했다
7. 그러나 을은 갑에게 하나의 레이아웃만 보냈다.
8. 갑은 멍청하게 하나의 레이아웃만 승인한다
9. 을은 일반 모바일웹과 구별되지 않는 기술로 탭 줄바꿈을 구현했고, 해상도에 따라 깨지지 않게 약간씩 변경을 가미하는 반응형을 구현했다.
혹시 위의 정리에서 틀린 부분은 지적해 주시면 감사드리겠습니다.