본문으로 건너뛰기
AI 로드맵 - 0에서 프로덕션까지 75단계

단계 · 예쁘게 다듬기

58모바일

절반 이상이 폰으로 들어온다

수제 프로젝트의 최다 빈출 참사: 컴퓨터에선 예쁜데 폰에선 무너져 있다.

원인은 너도 AI도 큰 화면을 보고 있다는 것. 작은 화면에서 확인하기 전까진 모른다.

보통 부서지는 것들. 텍스트가 너무 작아진다. 테이블이 가장자리 밖으로 튀어나가 가로 스크롤이 생긴다 - 뭔가 잘못됐다는 확실한 신호다. 버튼이 손가락으로 못 누를 크기가 된다. 메뉴가 내용을 덮는다.

폰 열 대 없이 확인하는 법: 브라우저에 페이지를 폰 크기로 보는 모드가 있다. 두어 클릭이면 열린다. AI한테 어떻게 하는지 물어봐.

박아둘 규칙: 모바일은 바로바로 확인해라. 끝에 몰아서 말고. 완성된 레이아웃을 작은 화면에 맞춰 뜯어고치는 건 고문이고, 가면서 확인하는 건 쉽다.

그리고 단골 고통의 근원 하나: 화면 밖으로 삐져나온 장식 때문에 생기는 가로 스크롤. 페이지가 옆으로 움직인다? 뭔가 튀어나온 거다. 범인을 찾아라.