ubuntu

우분투에서 ICEcoder 설치,사용하기

소화자/ editor

  • 0 comments
  • 710 views
  • 2017년 12월 3일

설치가 쉽고, 빠르며 사용이 간편한 에디팅 손맛이 느껴지는 웹기반 에디터 ICEcoder 에 대한 설치및 플러그인 사용에 대해 요약 정리 하여 보았습니다.

참 많은 웹기반 에디터와 클라우드 웹기반 IDE들이 끊임없이 나오고 있는데요.
기능이 너무 많고, 느려서 답답하고 속 터질 때,
“그냥  심플하고 빠른 정말 코드 에디팅하는 손맛이 나는 그런 웹기반 에디터는 없을까?” 하고
저 처럼 찾으시는 분이 있지 않을까 싶습니다.

아직 국내에는 사용자가 그리 많지 않아 보입니다만 ICEcoder 가  그런 경우에 답이 아닐까?  🙂
ICEcoder의 장점은 MIT 라이센스의 자바스크립트로 만들어진 브라우저 기반
텍스트 코드 에디터인 codemirror 를 바탕으로 php를 이용하여 만들어져 있어서
저는 우분투 기반으로 설명드리겠지만, 웹서버와 php만 설치되어 있으면 어디에나 설치 가능합니다.
[윈도우나 맥에서도 다운로드,압축풀기만 할 줄 아시면  쉽게 설치할 수 있습니다.~]

버젼 5.0까지가 무료인데, 제가 5.0을 사용하고 있고 좋습니다. 🙂

제가 좋아하는 특별한 이유는 참 빠르고 심플한 것도 있지만,설치후 보시면 바로 아시겠지만
웹서버의 홈 디렉토리를  최상위 디렉토리로 잡아서 디렉토리 구조를 보여주는 아이디어가 참 편리하고,
에디터 창에 필요없는 공백을 빨간색 ~로 보여주는 기능이 작업에 아주 편리합니다.
그럼 쉬운 설치부터 알아보아요.

ICEcoder 설치

ICEcoder 5.0 다운로드 를 클릭하여 5.0을 ~/Downloads 디렉토리에 다운로드합니다.

$ cd ~/Downloads
$ unzip "ICEcoder v5.0.zip"                       ## 압축풀기
$ mv "ICEcoder v5.0" ICEcoder5                    ## 저의 경우 디렉토리이름을 ICEcoder5로 변경.
$ sudo mv ICEcoder5 /var/www/html/                ## 아파치 홈 디렉토리 아래로 이동시킵니다.
$ cd /var/www/html                                ## 아파치 홈 디렉토리로 감.
$ sudo chown -R www-data:www-data ICEcoder5       ## 파일 소유자,그룹 변경
$ sudo chmod -R 775 backups lib plugins test tmp  ## 파일 실행 권한변경 (혹여 다를까봐서요~)
$ sudo service apache2 restart                    ## 굳이 하지 않으셔도 됩니다.

휴~~설치 끝입니다!!!

이제 브라우져에서 http://컴퓨터ip 또는 호스트명/ICEcoder5/ 로 접속하셔서

위 화면이 보이시면 원하는 암호 입력, set password 버튼 클릭, 다시 암호 입력 후
엔터 치시면 로그인이 되고, 다음 화면이 나오게 됩니다.


이제 에디터로 사용하시면 됩니다. 쉽죠?

ICEcoder 플러그인 설치 사용

플러그인 설치는 위 아이콘을 클릭하거나, File 메뉴 왼쪽에서 오른쪽으로 마우스를 움직이시면
아래 처럼 칼라픽커와 제가 설치한 플러그인, 그리고 +/ – 가 보입니다.

+/- 클릭하시면 설치할 수 있는 플러그인 리스트가 나옵니다. 오히려 많지 않아 좋습니다 🙂

혹 플러그인 설치가 안되실 경우는  php에서 압축을 다루는 zip 모듈이 설치가 안되어 있을 가능성이 높으므로
아래와 같이 하시고 다시 해보시면 해결 되실 겁니다.

$ sudo apt-cache search php | grep -i zip  ## 저는 php7 이 설치되어 있습니다. 
$ sudo apt-get install php7.0-zip          ## 저는 php 7.0가 7.1 이 설치되어 있어서
$ sudo apt-get install php7.1-zip          ## 2개 모두 설치하였습니다.
$ sudo service apache2 restart

저의 경우 MySQL database manager인 Adminer하고, php로 만들어진 Terminal 플러그인을 설치하여
사용하고 있습니다.
MySql 서버 계정으로 아래 화면에서 Username이  root인 경우는 암호만 입력하시고
Database명은 생략하셔도 상관 없습니다. 그렇게 훌륭하진 않습니다.

터미널 플러그인은  로그인 아이디가 이미 지정되어 있는데요.
아이디 system 으로 하시고 맨처음 설치할 때 지정하신 암호 치시면
아래와 같이 디자인은 많이 구리지만, 한글도 되는 그냥 저냥 쓸 수는 있는 php로 만들어진
터미널을 사용하실 수 있습니다.

마무리

만약 php5를 사용하고 계시다면  우분투에서 PHP5를 PHP7로 업그레이드 하기 를 참고하시어
php7으로 업글하시면 더 빠르게 동작합니다.

새 파일을 만드시는 경우 디렉토리위에 마우스를 두고 오른쪽 버튼을 사용하시면 해당 디렉토리에
새 파일이 만들어지고, 확장자를 자동인식하여 SyntaxHighlight 기능 동작합니다.

웹페이지를 작성하시는 경우 Ctrl + Enter 키를 누르시면 Live View라고 미리보기를
하실 수 있는데, 이런 단축키는 Help 메뉴에 Shortcut으로 정리되어 있으니, 설치하셨으면
꼭 참고 하시면 도움이 되실 겁니다.

혹 이런 에디터를 직접 만드시고 싶다면, MIT 라이센스의 CodeMirror가 도움이 되실 겁니다.
이 글 쓴다고 이미지 화면캡처때문에 오랫만에 ICEcoder를 새로 설치했네요 🙂

이 글이 진심으로 누군가에겐 작은 도움이라도 되었으면 하는 작은 바램을 해봅니다.

소화자

존재를 드러내지 않고 무림의 배후를 조정하는 전설로만 전해지는 무엇이든 소화하는... 갑 오징어~^-^

Leave a Reply

avatar