프론트 개발자분들은 화면 개발을 Mobile/Desktop 어느걸 먼저 하시나요?

Question

안녕하세요이번에 tailwindcss v4 공부를 하고 있는데 의문사항이 있어 질문드립니다.v3에서는 아래와 같이 설정을 하면 desktop first로 화면 개발하고 모바일로 작업하는게 가능했습니다.module.exports = { theme: { screens: { xl: { max: '1400px' }, lg: { max: '1150px' }, md: { max: '767px' }, sm: { max: '639px' }, }, },}그런데 v4에서 찾아보니 max를 설정하는 옵션이 없더군요@import "tailwindcss"; @theme {--breakpoint-xl: 1400px;--breakpoint-lg: 1150px;--breakpoint-md: 767px;--breakpoint-sm: 639px;}이런 식으로 breakpoint만 설정이 가능해서 llm에게 물어보니모바일이 전체 웹트래픽의 60%를 차지해서 v4부터는 모바일 우선만 지원하고 max를 설정하려면간단하게는 안되고 커스텀으로 해야 한다고 하네요 ㅠㅠ그리고 모바일부터 하는게 업계 표준이라 다들 그렇게 하시나요?제가 올드한건지 개발스타일을 바꿔야 하는건지 헥갈려서 질문드립니다.이왕 하는김에 설문도 만들어보았습니다.https://docs.google.com/forms/d/1YED_shLWh5AsMPZrhPFt0dxk6sW0mg96tzlMrU6_oOc/edit?hl=ko그리고 아래는 설문 결과 링크입니다.https://docs.google.com/forms/d/e/1FAIpQLScF9DGFvcPvSzBUMlu4jyjWp8iO-ZOhRym48Hlsb0-j2j_jtQ/viewanalytics?hl=ko&hl=ko

캐티 · Answer

앵간한건데 기로폭 320px 세로폭 480px를 주로 사용해요. em으로 환산하는 수도 있쩌.Cattiy Lab 이 블로그는 모든 사이즈 대응이고 심지어 uhd 화면에서도 특별한 기능을 켜서 큰 문서를 보는 수가 있어요. 일반적으로 이케 하지 아니하지만 다른 마땅한 방법도 없쩌.

빠른코딩 · Answer

mobile 퍼스트가 대세요~

빠른코딩 · Answer

모바일 퍼스트로 되고 ㄷ탑일때 lg:bg-red 이렇세 하는거죠~

mylife · Answer

회사에서 빨리 달라는거 먼저요 ㅋㅋ

이웃 · Answer

답변 감사합니다모바일 화면부터 먼저 하시나 보네요스타일을 바꿔야할것 같습니다 ㅠㅠ감사합니다

프론트 개발자분들은 화면 개발을 Mobile/Desktop 어느걸 먼저 하시나요?

5개의 답변

#tailwind-css 목록