html 모바일과 pc 버전을 나눌 때 보통 어떤식으로 개발을 하나요?
조회수 2380회
웹사이트를 pc버전으로만 타켓으로 개발을 했습니다. 그런데 아무래도 모바일 이용자가 많다보니 모바일 버전도 개발이 필요할 거 같은데 단순히 부트스트랩같은 반응형 라이브러리만을 사용하기에는 제 실력도 그렇고 한계가 있는 거 같아 질문 드립니다.
pc버전과 모바일 버전을 개발할 떄 예를들면 html파일 자체를 pc 버전 모바일 버전을 따로 따로 분리해서 개발하나요? 아니면 같은 파일 내에서 코드만 분기해서 작성을 하나요?
흔히 m.domain.com 주소와 www.domain.com주소라고 할 때 서버는 같지만 html파일만 따로따로 쓰는건가요??? 코드적으로 개발만해보고 이런식의 생각을 해보니까 또 궁금해지네요.
1 답변
-
말씀하고 계시는 아이디어를 적응형 웹디자인이라고 합니다.
- 일단 잘 정리된 문서를 하나 읽어보세요.
- 적응형에서 뷰파일을 PC버전 따로 모바일버전 따로 만드느냐? 는 질문에는, 대체로 그렇다고 답 드릴 수 있을 거 같네요. 링크한 문서 보시면 아시겠지만 그래야 적응형의 장점 -- 필요한 자료만 콕 집어서 뿌린다 -- 이 살아나니까요.
- 모바일/PC 뷰파일에 공통 템플릿을 쓰는게 낫냐? 는 질문에는, 정답은 없다고 답드리고 싶네요. 저라면 최소한의 공통CSS/JS 정도만 적용하고 나머지는 전부 과감하게 갈라서 작업할 것 같습니다.
+ 특별히 엄청나게 독특한 웹디자인이 들어가 있는 게 아니라면 이참에 프론트엔드 프레임워크를 도입해 보세요. Bootstrap, Bulma, Materialize 등등 규칙만 지키면 반응형을 처리해 주는 프레임워크가 많습니다.
댓글 입력