[Devign] 6월 24일 업데이트 내용 (feat. 반응형)

반응형 관련하여 좋은 피드백들을 많이 주시고 계신데요. 금번 업데이트는 반응형에 집중하여 1) 반응형으로 사이즈 전환이 쉽게, 2) 모바일, 태블릿 사이즈에 맞춰 디바인 (Devign) 이 화면을 가리지 않게 개선하여 업데이트 진행하였습니다.

[반응형] 웹 사이즈 조절기능

• 유저분들께서 정확한 사이즈의 화면을 확인하실 수 있도록, 웹 사이즈 조절 기능을 추가하였습니다.

1. Responsive: 원하는 width와 height을 지정하여 웹의 사이즈로 맞춰서 화면을 확인할 수 있습니다.
2. Desktop, Tablet, Phone (500px width): 기본적으로 사용하는 기기의 사이즈를 preset으로 지정했습니다.
3. 제약: 너무나 아쉽게도 크롬에서 허용하지 않아, 디바인에서 모바일 기기 사이즈 (500px 미만)로 바로 제공드릴 수가 없습니다. 모바일 기기 사이즈를 체크하시려면, 크롬의 개발자 도구 (Inspect)를 통해 진행 부탁드리며, 개발자 도구 모드에서도 디바인을 사용하실 수 있습니다.

[반응형] 작은 기기 사이즈를 위한 디자인

• 작은 기기 사이즈의 디자인을 확인하는 경우, 디바인이 화면을 가려 불편하셨던 점을 개선했습니다.

1. 웹 사이즈가 600px width 이하로 작아지면, 디바인이 로고만 남습니다.
2. 로고를 클릭하면 원하는 이슈 리포팅을 할 수 있도록 기능들이 펼쳐집니다.

[대시보드] New Report 기능 추가 (첨부 네번째 이미지)

• 디바인 워크스페이스에서 바로 원하는 웹사이트로 이동하여 디바인을 사용하실 수 있는 기능을 추가하였습니다.

1. 대시보드 우측 상단에 "New Report" 파란색 버튼이 추가되었습니다.
2. 버튼을 누르면, 현재 켜져있는 모든 탭에서 원하는 사이트를 선택하여 바로 디바인을 사용할 수 있습니다.

사용하시면서 필요한 기능이 있으시면, 언제든 댓글이나 저에게 요청주세요!

매일매일 발전하는 디바인이 되겠습니다!