이 페이지에서는 AppRES 의 언어 선택 버튼의 사용자화에 대한 내용을 설명하고 있습니다.

이전 문서에서 우리는 웹 사이트의 다국어 지원 방법에 대하여 간략(?)하게 알아 보고 certchip.com 이라는 사이트에 대하여 다국어 지원을 진행하였습니다.

PC 웹 상에서 보았을때는 별 문제가 없지만 이것을 모바일 모드로 보았을 때 기존 레이아웃과 AppRES 에서 기본적으로 지원하는 언어선택 버튼의 레이아웃에 문제가 있다는것을 알게 됩니다. 물론 이것은 구축하는 웹 사이트 마다 다를 것이라고 생각됩니다.

다음은 PC 웹 브라우저 모드에서의 뷰 입니다.

웹 브라우저 창 사이즈를 변경하여 모바일 모드로 동작하도록 해 봅니다. 해당 사이트는 반응형 웹으로 구성된 사이트 입니다.

다음과 같이 2가지 모바일 사이즈에 반응을 하고 있습니다. 이 사이트는 탭 기기 사이즈와 폰 기기 사이즈에 대응하도록 개발되었습니다.

탭 기기 사이즈

폰 기기 사이즈

오른쪽 상단의 지구 모양의 버튼이 해당 사이트의 레이아웃 (위치 및 색상) 에 맞지 않습니다. 이를 사이트에 맞게 조정하는 방법을 소개하는것이 이 문서의 목적입니다.