XE독학하기 그 42번째 걸음-모바일에서 파일 첨부하기 기능의 보완

안녕하세요?

지난번 포스팅에서 모바일 환경에서 파일첨부 버튼이 나타나지 않아서 애를 먹었는데, 이를 모바일EX라는 모듈을 이용해서 해결하였는 것을 포스팅하였습니다. 하지만 이 방법이 실제로 사용해 보니 문제점이 발생하였습니다. 일단 스마트폰상에서 파일을 첨부하는 것을 시도는 할 수 있지만, 로딩 시간이 무한이 걸리면서 파일첨부가 안되는 문제가 발생하였습니다.

먼저 모바일EX에 대해서 위 스크린샷과 같은 해결책을 하나 얻었습니다. 그래서 php7을 쓰는 서버 환경에서 이런 문제가 생겼을 것이라고 생각을 해서, 언급된 mobileex.controller.php와 mobileex.model.php라는 파일을 FTP계정상에서 다운로드 한 다음에 eregi라는 함수를 preg_match라는 함수로 바꾸어 주는 작업을 시작했습니다.

위 스크린샷은 mobileex.controller.php라는 파일안에서 실제로 작업을 한 것을 보여주고 있습니다. 이렇게 같은 방식으로 mobileex.model.php도 수정을 한 다음 알FTP를 이용해서 원래 홈페이지 계정에 있는 파일에 덮어씌우기를 하였습니다.

위 스크린샷은 알FTP를 이용해서, XE홈페이지 모듈안에 있는 모바일EX안에 mobileex.controller.php와 mobileex.model.php를 업로드 하는 화면입니다. 이렇게 방법을 시도했지만, 결과는 그다지 시원치 않았습니다. 여전히 파일은 업로드를 하면 계속해서 로딩시간만 무한으로 걸리면서, 도저히 파일 첨부를 할 수 없었습니다.

그래서 하는 수 없이 다른 해결책을 알아보았는데, 또 다른 해결책은 SKETCHBOOK5라는 PC버전의 모듈스킨을 모바일에서도 사용하는 것입니다. 하지만 이런 방식은 아래의 스크린샷과 같은 문제점을 내포하고 있습니다.

위 스크린샷과 같이, 글쓰기를 위한 콤포넌트들이 화면을 가리는 것 때문에 도저히 모바일 환경에서는 글을 쓸 수 없는 문제가 발생합니다. 그래서 이 문제의 해결책을 알아본 결과 다음과 같은 해결책이 있다고 합니다.

XE town에서 위 스크린샷과 같은 해결책이 있다고 합니다. m_editor.css라는 파일안에다가 #cke_editor { display: none; } 라는 문장 하나만 추가하면 된다고 합니다. 그래서 알FTP상에서 이전에 업로드 시켜놓은 게시판 모듈의 모바일 스킨 항목중에서 SKETCHBOOK5라는 폴더 안에 들어가 보았습니다.

css라는 폴더 안에서 다음과 같이 m_editor.css라는 것을 발견할 수 있었습니다. 이 파일을 다운로드 받은 다음, 언제나 처럼 복사본을 만들어 두고서, 위에서 언급한 코드를 한줄 맨 마지막 아래에 추가해 두었습니다.

다음으로 스마트폰상에서 테스트를 해 보니, 제대로 동작하는 것을 확인할 수 있었습니다. 다만 xe특유의 업로드한 파일을 일일히 본문에 삽입을 눌러주지 않으면, 전혀 올라가지 않는다는 문제는 있었습니다만, 이런 문제점을 제외하면 제대로 파일첨부 기능이 작동하는 것이라고 말할 수 있었습니다.