GitPod를 이용하면, iPad에서 IDE도 jupyter도 사용할 수 있기 때문에 최고야!

TL;DR



GitPod를 이용하면, iPad에서 IDE도 jupyter도 사용할 수 있기 때문에 최고야!

GitPod의 특징


GitPod 에는 다음과 같은 특징이 있습니다.
  • VS code와 같은 IDE 사용 가능
  • chrome 및 firefox에서 사용 가능
  • GitHub와 계정 연결하여 사용 가능
  • public 저장소는 무료, private 저장소는 유료 (9 $/월 ~)에서 사용할 수 있습니다

  • 이번 목표와 절차



    iPad의 Chrome에서
    파이썬 프로그래밍 환경 (IDE와 jupyterlab)을 구축합니다.
    대략적인 절차는 다음과 같습니다.
  • GitHub에 리포지토리를 만들고 세 개의 파일을 넣습니다
  • GitPod 방문
  • jupyterlab 시작

  • GitHub에서 준비



    적절한 리포지토리에 다음 세 파일을 넣습니다.
    첫 번째 파일은 GitPod에서 사용하는 docker 파일입니다.

    gitpod.Dockerfile
    FROM python:3.7
    RUN apt update -y && apt upgrade -y
    RUN pip install pipenv
    

    두 번째 파일은 GitPod 설정 파일입니다.
    8888번 포트를 열고 있는 이유는 jupyterlab를 이용하기 위해서입니다.

    gitpod.yml
    
    image:
      file: .gitpod.Dockerfile
    
    ports:
    - port: 8080
      onOpen: open-preview
    - port: 8888
      onOpen: open-browser
    

    세 번째 파일은 Pipfile입니다.
    이는 pipenv에서 가상 환경을 빌드한다고 가정하여 준비한 파일 때문에 필수는 아닙니다. (pipenv를 이용하면 로컬의 환경등을 그대로 GitPod상에서도 이용할 수 있으므로 추천입니다.) 패키지는 jupyterlabpandas등이 있으면 좋을까라고 생각합니다.

    Pipfile
    [[source]]
    name = "pypi"
    url = "https://pypi.org/simple"
    verify_ssl = true
    
    [dev-packages]
    
    [packages]
    pandas = "*"
    jupyterlab = "*"
    matplotlib = "*"
    
    [requires]
    python_version = "3.7"
    

    지금까지 아래의 세 파일 (및 README.md)이 리포지토리 바로 아래에 배치되어 있다고 생각합니다.

    github_repository
    (リポジトリルート)
     |-.gitpod.Dockerfile
     |-.gitpod.yml
     |-Pipfile
     |-README.md
    

    GitPod에 액세스



    GitPod에 액세스하면 GitHub 리포지토리 URL에 gitpod.io/#를 부여하면됩니다.
    예를 들어 GitHub 리포지토리의 URL이 다음과 같은 경우,
    https://github.com/[user_name]/[repository_name]
    
    GitPod에 액세스하는 URL은 다음과 같습니다.
    https://gitpod.io/#github.com/[user_name]/[repository_name]
    

    매번 박는 것은 힘들기 때문에 GitHub의 README.md 등에 링크를 붙여 두면 편리합니다.

    GitPod의 IDE는 처음에는 시작에 10분 정도 걸리지만, 2회째 이후는 1~2분으로 시작합니다.

    jupyterlab를 시작합니다.



    리포지토리에 Pipfile가 있으므로 다음 명령을 두드리면 jupyterlab을 시작할 수 있습니다.
    $ pipenv install
    $ pipenv shell
    ([repository_name])$ jupyter lab
    

    pipenv의 쉘을 시작하고,



    jupyterlab도 기동·로그인이 iPad상에서 조작할 수 있습니다.



    iPad에서 GitPod을 사용하는 Tips



    iPad에서 GitPod을 이용하면 화면 아래에 예측 후보 등이 나타나는 긴 바가 나옵니다. (이미지 하단의 2색이 되어 있는 블랙 바)


    이것은 iPad의 "설정"→ "일반/키보드"의 "입력 보조"를 끄면 사라집니다.




    언제나 업데이트로 다시 나오게 되었으므로,
    iPad의 "설정"→ "일반/키보드"의 "예측"도 꺼두는 것이 좋습니다.
    (일본어를 치고 있으면 가끔 했기 때문에 나타날 수 있습니다만・・・.)

    결론



    iPad에서 할 수있는 일이 점점 늘어나고 있기 때문에,
    간단한 프로그래밍이라면 정말 iPad만으로 충분하다고 생각하는 오늘 요즘입니다.
    (덧붙여서, 이 기사도 iPad로 쓰고 있습니다.)

    참고


  • Gitpod가 가장 강한 건에 대해
  • Git을 직접 편집 할 수있는 VSCode와 같은 CloudIDE가있는 것 같습니다 (GitPod)
  • gitpod로 jupyternotebook 개발 환경 만들기
  • 좋은 웹페이지 즐겨찾기