모바일, 데스크탑을 SSR에서 구분하는 방법?
385
작성한 질문수 25
안녕하세요.
문제
어떤 UI가 모바일용과 데스크탑용의 구성이 너무 달라서 모바일용 컴포넌트 / 데스크탑용 컴포넌트로 개발되어있습니다.
이걸 미디어쿼리처럼 사용자의 device width에 따라 모바일/데스크탑용 UI를 각각 뿌려주고 싶지만,
SSR에서는 javascript의 window 객체는 만들어져 있지 않기 때문에 접근은 불가능하므로 javascript로는
사용자 device의 width를 가져오는건 불가능에 가까운것 같고 대신에 request의user-agent를 이용해 사용자 device의 정보를
가져오면 판별은 할 수 있을꺼 같은데 미디어 쿼리같이 실시간으로 사용자 device의 width에 따라 UI를 나누는건 어려운 상황
질문
보통 모바일용과 데스크탑용 컴포넌트를 가지고 있을때 SSR에서는 어떻게 모바일과 데스크탑을 구분하시나요?
답변 0
판교님, 50% 학생 할인 쿠폰
0
204
2
캡틴님 커리어 질문 있습니다
0
122
1
nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제
1
398
1
vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?
0
238
1
24년 강의를 들으면서 에러나는 부분 정리
2
391
2
공식홈페이지에 설치방법이 바뀐거같아요
1
465
3
layouts폴더와 default.vue에대해서 궁금한 점 있습니다!
1
416
2
자료가 없습니다.
1
328
2
에러 페이지 정의 방법 강의 문의
1
407
2
SSG -> SSR 배포 방식 전환
1
577
2
갑자기 화면에 에러가 나오네요..
1
497
2
마지막 강의까지 작성된 코드
1
350
2
JSON Server Operator 링크에 Operator 가 없습니다.
1
265
2
Vue2 EOL 관련해서..
1
504
2
env.baseUrl 문제
1
698
2
블로그 기능 질문입니다!
1
509
3
node 버전 문제 질문입니다.
1
262
1
폴더구조 다른것 안내 부탁드려요
1
513
1
npm run generate 배포
1
742
2
캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ
1
369
2
nuxt.config.js 에서 baseurl 지정하는 방법
2
1028
1
db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.
2
668
3
axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.
2
827
2
SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?
1
439
2