html 모바일과 pc 버전을 나눌 때 보통 어떤식으로 개발을 하나요?

조회수 2380회

웹사이트를 pc버전으로만 타켓으로 개발을 했습니다. 그런데 아무래도 모바일 이용자가 많다보니 모바일 버전도 개발이 필요할 거 같은데 단순히 부트스트랩같은 반응형 라이브러리만을 사용하기에는 제 실력도 그렇고 한계가 있는 거 같아 질문 드립니다.

pc버전과 모바일 버전을 개발할 떄 예를들면 html파일 자체를 pc 버전 모바일 버전을 따로 따로 분리해서 개발하나요? 아니면 같은 파일 내에서 코드만 분기해서 작성을 하나요?

흔히 m.domain.com 주소와 www.domain.com주소라고 할 때 서버는 같지만 html파일만 따로따로 쓰는건가요??? 코드적으로 개발만해보고 이런식의 생각을 해보니까 또 궁금해지네요.

1 답변

  • 좋아요

    0

    싫어요
    채택 취소하기

    말씀하고 계시는 아이디어를 적응형 웹디자인이라고 합니다.

    • 일단 잘 정리된 문서를 하나 읽어보세요.
    • 적응형에서 뷰파일을 PC버전 따로 모바일버전 따로 만드느냐? 는 질문에는, 대체로 그렇다고 답 드릴 수 있을 거 같네요. 링크한 문서 보시면 아시겠지만 그래야 적응형의 장점 -- 필요한 자료만 콕 집어서 뿌린다 -- 이 살아나니까요.
    • 모바일/PC 뷰파일에 공통 템플릿을 쓰는게 낫냐? 는 질문에는, 정답은 없다고 답드리고 싶네요. 저라면 최소한의 공통CSS/JS 정도만 적용하고 나머지는 전부 과감하게 갈라서 작업할 것 같습니다.

    + 특별히 엄청나게 독특한 웹디자인이 들어가 있는 게 아니라면 이참에 프론트엔드 프레임워크를 도입해 보세요. Bootstrap, Bulma, Materialize 등등 규칙만 지키면 반응형을 처리해 주는 프레임워크가 많습니다.

    • ㅇㅣ런 개념을 처음 알았네요 감사합니다 많이 도움이 됐습니다! 김재민 2019.12.23 17:08
    • 그런데 혹시 적응형 웹 디자인이든 반응형 웹 디자인이든 서버 자체는 1개만 있어도 괜찮은 거죠? 템플릿 자체만 분기 되는지에대한 차이죠 큰 차이점은? 김재민 2019.12.23 17:29
    • 결국 그렇게 되지요. (오히려 서버가 2대 떠있는게 이상한 상황입니다.) 엽토군 2019.12.23 17:30
    • 아하 그렇군요 감이 오네요 감사합니다 엽토군님 김재민 2019.12.24 09:40

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)