웹 브라우저에서만 시작되는 Ruby/Rails 프로그래밍

11154 단어 RubyNitrous.io
이제 프로그래밍을 시작하려는 사람에게 웹 브라우저만으로 사용할 수 있는 루비/레일스의 클라우드 개발 환경Nitrous.io을 소개합니다.

환경 구축의 벽


프로그래밍을 시작하기 위해서는 개발 환경을 구축해야 한다.Rubby와 Rails의 개발 환경 구축 방법Rails Girls 설치 레시피이 참고가 되지만, 몇 가지 소프트웨어를 설치해야 한다.
  • 루비 바디
  • Rails
  • 데이터베이스(SQLite)
  • 편집기(Sublime Text, TeraPad)
  • 터미널(iTerm, PuTTY)
  • 버전 관리(git)
    • RailsInstaller는 이 소프트웨어를 설치하기 위해 클릭한 적이 있지만 최근에 업데이트되지 않았습니다. 루비1.9.3+Rails3.2 버전이 낡아졌어요.한편 2014년 5월 루비와 레일스의 최신 버전은 루비2다.1.2+Rails4.1.0.
    Mac OS에 Command line tools, Homebrew, rbenv를 설치한 후 루비를 컴파일하고 gm을 사용하여 Rails를 설치하는 등 Rails Installer를 사용하지 않은 상태에서 개발 환경을 구축해야 한다.이미 다른 언어로 개발된 사람이라면 이런 환경은 어느 정도 갖춰졌지만 프로그래밍을 처음 시작한 사람에게는 문턱이 높다.

    웹 브라우저만 있으면 Ruby/Rails 서비스 수행 가능


    다행히 최근 클라우드에서 루비와 레일스를 운행하는 서비스가 늘었다.여기서 Nitrous는IO는 Ruby/Rails의 실행 환경 외에 개발 환경도 갖추고 있는 것이 특징이다.Nitorous.IO 사이트에 연결하면 웹 브라우저에서 쉽게 볼 수 있는 착색 편집기와 터미널(조개 환경)을 사용할 수 있다.터미널은 루비와 다양한 명령을 실행하는 데 사용됩니다.웹 브라우저만으로 루비/레일스를 개발할 수 있는 환경을 갖췄다는 것이다.

    로컬 PC와 GiitHub과 협업할 수 있기 때문에 프로그램은 자신이 좋아하는 편집기에 쓰이고 프로그램만 실행하는 것은 Nitrous이다.IO에게 의뢰할 수도 있습니다.마찬가지로 셸 환경과 잘 연결된 SSH 클라이언트(PuTTY와 iTerm 등)도 사용할 수 있다.처음 사용할 때는 웹 브라우저로만 코드를 써 보다가 습관이 되면 좋아하는 편집기와 SSH 클라이언트와 함께 사용하면 업그레이드가 가능하다.
    Nitrous.io는 유료 서비스지만 무료 방안도 있습니다.무료 방안에는 몇 가지 제한이 있다.
  • 384MB 및 750MB 스토리지 사용 가능N2O Resources 참조
  • 3일 동안 액세스하지 않은 경우 실행 환경(서버) 자동 중지
  • 실행 환경 하나만 만들 수 있음(Nitrous.io에서 BOX라고 함)
    • 학습용과 시도용은 무료 방안으로 충분하다.정말 앱을 개발·활용하고 싶다면 유료 시나리오를 이용하거나 히로쿠 등 다른 서비스를 이용할 수 있다.Nitrous.IO의 홈페이지는 프로그래밍Rails Girls을 배우는 커뮤니티에서 개발 환경 구축에 도움이 된다고 소개했다.

    Nitrous.io에 로그인


    방문Nitrous.사이트 축소판 그림 등록 사용자 이름, 메일 주소 및 비밀번호.(이 링크를 통해 등록하면 N2O라는 Nitrous.io가 사용할 수 있는 포인트가 10점 더 획득됩니다.)

    초록색'Sign Up'버튼을 클릭하면 메일 발송 확인 메시지가 표시됩니다.

    등록된 주소로 확인 메일을 받았습니다.메일의 URL을 클릭한 후 로그인 완료, Nitrous.IO 쓸 줄 알아요.

    Rails 환경 만들기(BOX)


    등록 후 아직 개발 환경이 없다.로그인 후 화면에서 Open Dashboard 를 선택합니다.

    개발 환경(BOX)의 제작 화면을 표시합니다.Pick a template를 사용하여 Ruby/Rails를 선택합니다.PHP 및 노드js 등 다른 언어도 선택할 수 있습니다.개발 환경에 적합한 이름을 지정하려면 서버의 위치(Region)를 선택합니다.아무튼 이스트 아시아면 되는 거죠?무료 방안은 메모리와 디스크 용량을 늘릴 수 없다.BOX 하나를 만들기 위해서는 140포인트(Nitrous.io에서 N2O 단위로 표현)가 소모된다.
    초기 상태에서도 GiitHub에서 코드를 다운로드할 수 있지만 새로 만들면 비워도 된다.

    "Create Box"를 클릭하면 Rails의 개발 환경이 표시됩니다.위의 편집기 화면에서 코드를 편집하고, 아래의 컨트롤러 화면에서 명령을 실행합니다.

    우선 Ruby 및 Rails 버전을 확인합니다.아래 검정색 화면(이하 콘솔 화면)에 ruby -v 및 rails -v를 입력합니다.
    action@machu-114243:~$ ruby -v
ruby 2.1.1p76 (2014-02-24 revision 45161) [x86_64-linux]
action@machu-114243:~$ rails -v
Rails 4.1.0
    루비는 2.1.1, 레일스는 4.1.0이다.
    Nitrous.io의 기능은 로컬 PC와의 파일 동기화, GiitHub 연합, SSH 연결, 데이터베이스(PostgreSQL) 설치 등 다양한 기능이 있지만 처음에는 이런 기능을 사용하지 않고 간단한 앱을 만들어 보는 것이 좋다.

    첫 번째 Rails 애플리케이션


    참조Building a Rails 4.0 App 모바일 Rails 어플리케이션.컨트롤러 화면에서 rails 명령을 실행합니다.시작$은 콘솔 화면을 나타내는 기호입니다.$ 이후의 문자rails new blog 부분만 입력하십시오.
    $ rails new blog
    콘솔에서 문자를 이동하지 않으면 이동합니다.몇 분을 기다린 후에 나는 생각했다설정이 완료되었습니다.
    Your bundle is complete!
Use `bundle show [gemname]` to see where a bundled gem is installed.
Post-install message from rdoc:
Depending on your version of ruby, you may need to install ruby rdoc/ri data:

<= 1.8.6 : unsupported
 = 1.8.7 : gem install rdoc-data; rdoc-data --install
 = 1.9.1 : gem install rdoc-data; rdoc-data --install
>= 1.9.2 : nothing to do! Yay!
         run  bundle exec spring binstub --all
* bin/rake: spring inserted
* bin/rails: spring inserted
action@machu-114243:~$
    왼쪽에 있는 다시 불러오기 단추를 누르면 Rails의 초기 형태(blog 디렉터리)가 만들어졌음을 알 수 있습니다.처음부터 준비한 워크스페이스는 아니지만 신경 쓰지 마세요.
    cd blog 명령을 사용하여 블로그 디렉터리로 이동하고 rails server 명령을 사용하여 Rails를 시작합니다.또한, Nitrous.io의 강좌에서 데이터베이스에 PostgreSQL을 설치할 수 있지만 표준 SQLite를 사용할 수 있기 때문에 PostgreSQL을 설치할 필요가 없습니다.
    $ cd blog
$ rails server
action@machu-114243:~/blog$ rails server
=> Booting WEBrick
=> Rails 4.1.0 application starting in development on http://0.0.0.0:3000
=> Run `rails server -h` for more startup options
=> Notice: server is listening on all interfaces (0.0.0.0). Consider using 127.0.0.1 (--binding option)
=> Ctrl-C to shutdown server
[2014-05-18 00:58:55] INFO  WEBrick 1.3.1
[2014-05-18 00:58:55] INFO  ruby 2.1.1 (2014-02-24) [x86_64-linux]
[2014-05-18 00:58:55] INFO  WEBrick::HTTPServer#start: pid=617 port=3000
    "port=3000"으로 표시되기 때문에 3000번 포트에서 Rails 서버가 시작되었는지 알 수 있습니다.Nitrous.IO 화면 맨 위에 있는 Preview 메뉴에서 Port3000 을 선택합니다.

    새 창을 열면 Rails의 첫 페이지가 표시됩니다.

    Rails 서버를 중지하려면 콘솔 화면에서 Ctrl+c(Ctrl 버튼 및 C버튼)를 누릅니다.
    ^C[2014-05-18 01:11:40] INFO  going to shutdown ...
[2014-05-18 01:11:40] INFO  WEBrick::HTTPServer#start done.
Exiting
action@machu-114243:~/blog$
    이렇게, 니트로스.IO에서도 일반적인 레일스 앱 제작 절차에 따라 개발이 가능하다.

    로컬 PC와 파일 동기화


    Nitrous는 데스크톱 애플리케이션을 설치합니다.io와 로컬 PC를 사용하여 파일을 동기화할 수 있습니다.응용 프로그램은 Nitrous Desktop에서 얻을 수 있다.

    BOX 다시 시작


    무료 방안은 3일 후 BOX가 자동으로 정지됩니다.를 다시 시작하려면 Boxes 화면에서 Start 버튼을 누릅니다.

    BOX 삭제


    무료 방안은 BOX 하나만 만들 수 있다.새로운 환경을 만들려면 이전의 BOX를 폐기해야 한다.BOX를 버리면 소비한 N2O 포인트가 부활하여 새로운 BOX를 제작할 수 있습니다.BOX를 삭제하려면 위의 Boxes 화면에서 빨간색 "Terminate"버튼을 클릭하십시오.BOX만 정지하면 N2O점은 반환되지 않습니다.

    암호 확인 보호


    Nitrous.리우는 클라우드 서비스다.제작된 응용 프로그램(제작 중인 응용 프로그램)은 전 세계에서 접근할 수 있다.개발 중 화면을 비밀로 하고 싶을 때는 비밀번호로 외부 연결을 보호할 수 있다.IDE 메뉴에서 Preview의 Set Password를 사용하여 암호를 설정합니다.

    웹 브라우저에서 Rails 응용 프로그램에 액세스하려고 하면 암호 화면이 표시됩니다.설정된 ID 및 암호를 입력하지 않으면 Rails 애플리케이션에 액세스할 수 없습니다.

    나는 이런 편리한 기능이 있어서 매우 기쁘다.

    매뉴얼


    Nitrous.IO의 개발환경(IDE)은 설명서를 보지 않아도 사용할 수 있지만 더 자세한 사용법을 조사할 때 읽는 것이 좋다Web IDE Overview.GiitHub과의 제휴, iTerm 등 SSH 클라이언트와의 연결 방법은 Nitrous.IO Documentation에 기재돼 있다.

    참고 문헌

  • Rails에서 사용하는 클라우드 개발 환경 NitrousIO - igaiga diary(2014-05-04)
  • Nitrous.IO Stories - Rails Girls - Nitrous.IO Blog
    • Swift의 사용자 정의 쓰기 UIViewController 초기화 방법
    RMGICK을 사용하여 사각형 축소판 그림 만들기

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage