Computer >> 컴퓨터 >  >> 문제 해결 >> Android

안드로이드에서 웹 개발 시작하는 방법: 필수 앱과 실전 팁 총정리

웹 개발자가 항상 컴퓨터나 노트북 앞에만 있는 것은 아닙니다. 출퇴근길에 있거나 휴가로 여행 중일 때도 있죠. 하지만 많은 디지털 워커들이 말하듯, 휴가가 반드시 업무와 완전히 단절된 시간을 의미하지는 않습니다. 해변에서 여유를 즐기는 사이에도 몇 줄의 코드를 작성하거나 블로그를 업데이트하고 싶어질 때가 있으니까요.

사실 안드로이드 스마트폰으로도 웹 개발 작업은 충분히 가능합니다. 원한다면 처음부터 끝까지 완전한 웹사이트를 만들 수 있고, 모바일 기기에서 직접 제작하는 만큼 자연스럽게 모바일 친화적인 사이트를 만들 수 있다는 장점도 있습니다. 이 글에서는 안드로이드 기기에서 웹 개발 효율을 극대화할 수 있는 팁과 앱들을 소개합니다.

안드로이드에서 cPanel 연결하기

호스팅 관리를 위해 cPanel을 사용한다면 공식 cPanel 앱을 활용하는 것이 좋습니다. 구글 플레이 스토어에는 다양한 서드파티 cPanel/WHM 앱이 올라와 있어 실험해볼 수도 있지만, 보안상의 이유로 공식 앱을 사용하는 것을 권장합니다.

앱을 다운로드해 실행한 뒤, 초록색 + 아이콘을 눌러 새 계정을 추가하세요. 그다음 아래 정보를 입력해 cPanel 계정을 설정하면 됩니다.

  • 이름(Name): cPanel 계정 목록에 표시될 이름입니다. 예를 들어 '계정 1'처럼 지정할 수 있습니다.
  • 주소(Address): 접속할 서버의 도메인 또는 호스트명입니다. 유효한 SSL 인증서가 필요합니다.
  • 서비스(Service): 해당 계정으로 접근할 서비스를 선택합니다(cPanel, WHM, 웹메일).
  • 사용자명(Username): 웹 호스팅 업체에서 발급받은 사용자 이름입니다.
  • 비밀번호(Password): 역시 웹 호스팅 업체 계정의 비밀번호입니다.
  • EasyLogin: 비밀번호, PIN, 패턴, 지문 중 편한 방식으로 간편 로그인을 설정할 수 있습니다.

서버 주소는 사용하는 웹 호스팅 업체에 따라 정확히 확인해서 입력해야 합니다. 호스팅 업체마다, 그리고 실제로 배정된 서버에 따라 접속 주소가 다를 수 있으므로, 가입 시 받은 안내 이메일을 반드시 다시 한번 확인하세요.

비밀번호 관리자를 따로 사용하지 않더라도, 최소한 cPanel 로그인용으로는 하나 사용하는 것을 강력히 추천합니다. 안드로이드용 인기 백신 프로그램 대부분에는 비밀번호 관리 기능이 포함되어 있으니, AV-Best 같은 비교 사이트(Avast vs Bitdefender 등)를 참고해 자신에게 맞는 제품을 골라보세요.

웹 개발용 안드로이드 코드 에디터

PC용 Notepad++나 Sublime Text만큼 깊이 있는 기능을 기대하기는 어렵지만, 안드로이드에서도 HTML, JavaScript, CSS 등 웹 프로그래밍 언어를 다룰 수 있는 훌륭한 코드 에디터가 여럿 있습니다. 안드로이드용 코드 에디터는 종류가 매우 많기 때문에, 특히 웹 개발자들에게 인기 있는 앱들을 중심으로 소개합니다.

AIDE Web

안드로이드 웹 개발 도구 중 가장 오래된 앱 중 하나로, HTML, CSS, JavaScript를 위한 본격적인 IDE입니다. OTG 키보드 없이 작업할 때 특히 유용한 코드 자동 완성 기능과 실시간 오류 검사를 지원하며, 코딩 실력을 되살릴 수 있는 인터랙티브 학습 레슨도 포함되어 있습니다.

AWD(Android Web Developer)

PHP, CSS, JS, HTML, JSON을 지원하는 기능이 풍부한 코드 에디터입니다. 코드 하이라이팅, 코드 자동 완성, 정규표현식까지 지원하는 검색·바꾸기 기능을 갖추고 있습니다. S/FTP/S 및 WebDAV를 통한 프로젝트 협업도 가능하고, Git 연동까지 지원하는 점이 큰 장점입니다.

WebMaster's HTML Editor Lite

기본기에 충실한 소스 코드 에디터로, HTML, CSS, JS, PHP를 지원합니다. 내장 파일 탐색기와 FTP 서버 기능도 제공합니다. 화려한 기능은 많지 않지만 그만큼 가볍고 빠르며, 기본적인 작업은 확실히 해내는 무료 앱입니다.

웹 개발에 유용한 추가 안드로이드 앱

코딩과 직접적인 관련은 없지만, 사이트 통계 확인, 코드 점검 등 웹 개발자에게 실질적으로 도움이 되는 앱들도 있습니다.

Hacker's Keyboard

OTG 키보드를 사용하지 않는다면 꼭 알아두세요. 대부분의 안드로이드 화면 키보드에는 Tab, CTRL, Escape 같은 물리 키보드의 전통적인 버튼이 없고, Shift + 2로 @ 기호를 입력하는 것 같은 수정키 조합 멀티터치도 지원하지 않는 경우가 많습니다. Hacker's Keyboard는 멀티터치를 지원하는 완전한 형태의 키보드를 에뮬레이션해 이런 불편함을 해소해 줍니다.

RemoDB SQL Client

급하게 원격 MySQL 데이터베이스에 접속해야 하는데 컴퓨터가 곁에 없다면 이 앱이 해결책이 됩니다. 완전 무료이며 MySQL, Microsoft SQL, PostgreSQL, SAP Sybase AES 데이터베이스 서버에 접속할 수 있습니다.

Adobe Capture

디자인 감각을 살리는 웹 개발자라면 Adobe Capture CC가 유용합니다. 'Type' 기능은 텍스트를 촬영하면 일치하는 폰트를 찾아주고, 'Colors' 기능은 업로드한 이미지에 어울리는 색상 팔레트를 만들어 줍니다. 웹사이트 색상 조합을 고민할 때 큰 도움이 됩니다.

WordPress 공식 앱

워드프레스 사이트를 운영한다면 공식 안드로이드 앱을 활용해보세요. 게시물 작성·예약 발행, 사이트 트래픽 확인, Jetpack 연동 등 다양한 기능을 제공합니다. 다만 플러그인 설치나 CSS 커스터마이징 같은 세부 관리 기능은 브라우저 버전 관리자 페이지에 비해 부족할 수 있으며, 이런 작업은 PC에서 하는 것이 더 효율적입니다.