[3차 미팅] 코딩 친구의 훼방 2탄 : 화면크기를 왜 줄여 보는거야

 

부제 : 결국 모바일 버전도 만들어야하는상황

 

 

2차 미팅의 요구사항까지 반영하고 나서 코딩 친구의 불다를 부랴부랴 막고 나니

코딩친구는 부지런하게도 또다른 훼방을 가져왔다.

 

핸드폰으로 들어가서 보거나 브라우저 창크기를 줄여보며 이거 비율이 이상해라고 말했다.

 

원래는 오프라인 전시를 생각하여 미대생 전시회장 실에 노트북을 틀어서 전시실에서 직접처보는 즉 전체화면만 고려하면 되었지만, 코로나 덕분에 온라인 전시로 변경되었다.

 

그러다 보니 전시회 구경하는 사람들이 핸드폰이나 컴퓨터등 다양한 기기를 통해 페이지에 유입이 되었고,

모바일 비율은 신경쓰지 않던 우리 페이지는 비율이 다 깨지는 채로 보여졌고 마우스 움직임을 감지하는 기능은 터치의 기능을 잘 인식하지못했다. 또한 내가 사용한 제이쿼리 ui는 모바일 환경에서는 동작을 하지않는 상황이 발생하였다.

미대생은 말했다.

 

모바일은 모바일대로 보여야할것같다고....

 

모바일로 보니 잘리는 글자..

 

 

즉 미대생의 요구사항이 변했다. == 일해라 개발자!

 

 

<미대생 요구사항>

• 웹은 그대로 유지

• 모바일로 볼때 실시간 움직이는 대신 기존 슬라이드바 형식을 사용해 글씨의 변화를 보여주고싶다.

  => 즉, 반응형 웹페이지를 만들어야한다.(폰트크기, 배치, 기능이 바뀐다.)

 

<요구사항 _ 이미지 버전> 

 

모바일버전 / 웹 버전