아래로 당겨 새로고침
YN베스트

YN 추천12

NB 추천25

NB PDFPDF 합치기·분할·압축·변환새 탭에서 열림NB 이미지이미지 변환·리사이즈·압축새 탭에서 열림NB AI 이미지AI 이미지 생성·편집 도우미새 탭에서 열림NB 영상영상 변환·용량 줄이기새 탭에서 열림NB 오디오오디오 변환·추출·편집새 탭에서 열림NB SEOSEO 분석·키워드 도구새 탭에서 열림NB 유튜브유튜브 크리에이터 도구새 탭에서 열림NB SNSSNS 운영·해시태그 도구새 탭에서 열림NB 블로그블로그 글쓰기 도우미새 탭에서 열림NB 개발자개발자 유틸리티 모음새 탭에서 열림NB 웹마스터웹마스터 점검 도구새 탭에서 열림NB 디자인디자인 계산·컬러 도구새 탭에서 열림NB 문서문서 양식·서식 도우미새 탭에서 열림NB 금융대출·이자·세금 계산기새 탭에서 열림NB 쇼핑할인율·최저가 계산기새 탭에서 열림NB 생활생활 요금·일정 계산기새 탭에서 열림NB 건강BMI·칼로리 건강 계산기새 탭에서 열림NB 요리요리 계량·레시피 도구새 탭에서 열림NB 여행여행 예산·환율 도구새 탭에서 열림NB 커리어연봉·퇴직금 계산기새 탭에서 열림NB 학습학습 계획·성적 계산기새 탭에서 열림NB 재미랜덤 뽑기·게임 도구새 탭에서 열림NB 부동산부동산 세금·수익률 계산기새 탭에서 열림NB 법률법률 비용·기한 계산기새 탭에서 열림NB 비즈니스사업 부가세·마진 계산기새 탭에서 열림

폴더블 스마트폰으로 웹디자인 테스트하기

요즘 폴더블 폰들이 정말 많이 팔린다고 하더라. 그래서 생각해본 건데, 우리가 웹사이트 만들 때 이런 기기들도 고려해야 하지 않을까? 특히 반응형 디자인 테스트할 때 말이다. 폴더블 폰의 화면 비율이 일반 스마트폰이랑 완전 다르잖아. 펼쳤을 때는 태블릿처럼 넓고, 접혔을 때는 세로로 길쭉하고... 이런 다양한 해상도에 맞춰서 웹사이트가 제대로 보이는지 확인하는 게 점점 중요해질 것 같다.

구글 크롬 개발자도구에서도 이제 폴더블 기기 에뮬레이션이 있던데, 한번 써본 사람 있나? 내가 요즘 클라이언트 사이트 만들면서 그걸로 테스트해봤는데 생각보다 유용하더라. 특히 접혔다 펼쳐지는 순간에 레이아웃이 깨지는 경우들이 많아서, 미리 체크하면 버그를 줄일 수 있겠더라. SEO 관점에서도 모바일 친화성이 중요한데, 이제는 폴더블도 고려해야 할 시대가 온 거 같다.

혹시 너희가 만드는 서비스나 웹사이트에서 이미 폴더블 대응하고 있나? 아니면 아직 일반 스마트폰과 태블릿만 대응하고 있나? 앞으로 사용자가 점점 늘어날 텐데, 지금부터 대비해두는 것도 나쁘지 않을 것 같은데. 혹시 좋은 테스트 도구나 팁이 있으면 나눠줄래?

👉 YN베스트

#반응형디자인 #웹개발팁 #크로스브라우징 #모바일최적화 #웹테스트

수정

댓글 0

추천순 베스트 댓글 포함
로그인 없이 바로 등록돼요. 닉네임을 비우면 ‘익명’으로 올라가요.

첫 댓글을 남겨보세요.

관련 추천 게시물

같은 게시판에서 반응과 최신성을 함께 반영한 글입니다.