기본 콘텐츠로 건너뛰기

구름IDE를 이용하여 무료로 클라우드 개발환경 구축하는 방법

구름IDE를 이용하여 무료로 클라우드 개발환경 구축하는 방법

이번 포스팅에서는 구름IDE라는 서비스를 이용하여 무료로 클라우드 개발환경을 구축하는 방법을 알아보겠습니다.

이 서비스는 설치 프로그램 없이 웹브라우저만 있으면 어디서든 개발이 가능하기 때문에 PC를 여러 대 사용 중이신 분이나 모바일 환경에서 작업하시는 분들에게 추천드립니다.

https://ide.goorm.io/

먼저 구름IDE에 가입, 로그인합니다. (구글, 페이스북 등 소셜 로그인 가능)

Free 서비스의 성능이 작다면 각자의 상황에 맞는 서비스를 이용하시면 됩니다. 필자는 Free로 진행하였습니다.

이제 대시보드로 이동합니다.

새 컨테이너 생성을 누르고 몇 가지 설정을 해 줍니다.

지역을 선택하라는 것은 물리적인 서버 위치를 말하는 것 같습니다. 한국에 거주하면 서울 지역을 선택하는 것이 좋습니다. 공개 범위는 Public와 Private를 설정할 수 있는데 다른 사람들과 같이 개발한다면 Public를, 혼자 개발하거나 민감한 정보가 있으면 Private를 추천합니다. Private로 설정 시 템플릿과 배포 기능을 설정할 수 있습니다.

그리고 자신이 원하는 소프트웨어 스텍을 선택합니다.

지원하는 소프트웨어 스텍은 다음과 같습니다.

C /C++ HTML/CSS/JS Python Django Flask PyTorch Jupyter Tensorflow Caffe PyQt Java Maven Gradle Spring Spring Boot JSP React React Native Node.js Express Polymer Ruby Rails Sinatra PHP Go Swift Arduino .Net R Scala Blank C#

필자는 HTML/CSS/JS를 선택하였습니다.

OS 선택과 MySQL 설치, MongoDB 설치 기능이 인상적이었습니다. 아쉽게도 OS는 우분투, 웹서버는 NGINX만 지원하는 것 같습니다. 다른 소프트웨어 스텍을 선택하는 경우 최신 OS를 사용할 수 없는 경우도 있습니다.

설정을 완료하였다면 생성 버튼을 눌러주세요.

컨테이너 생성 및 커스텀 스크립트가 자동으로 설치됩니다.

생성이 완료되었다면 컨테이너를 실행합니다.

Run을 눌러주세요. SSH 접속도 가능하고 웹 환경에서도 터미널을 따로 실행할 수 있습니다.

위의 사진과 같이 웹 개발 IDE가 나옵니다. 여기서 개발이 가능합니다. 테스트해보니 IDE가 워낙 잘 되어있어서 실제 코딩도 가능할 정도입니다.

HTML/CSS/JS의 경우 Open Prewiew를 이용해 자신이 입력한 코드를 테스트해볼 수 있습니다. 다른 언어들은 터미널 환경에서 테스트할 수 있습니다.

서버의 성능이 궁금하여 htop를 실행해보았습니다.

Free 서버 기준 개발 서버의 성능은 다른 사용자와 자원을 공유하는 것 같습니다.

그러나 개인이 사용할 수 있는 CPU와 램은 한정되어 있어서 해당 서버의 자원을 모두 사용할 수는 없었습니다.

이번 포스팅에서는 구름IDE를 이용하여 무료로 클라우드 개발환경을 구축하는 방법을 알아보았습니다.

웹 IDE 치고는 개발환경이 굉장히 좋은데요. 구름IDE의 단점이라면 화면이 없기 때문에(CUI) 터미널로만 실행할 수 있는 것이었습니다. 그래서 GUI 프로그램을 개발할 수 없고 오디오 재생도 할 수 없습니다.

from http://jaspers.tistory.com/31 by ccl(A) rewrite - 2020-03-11 02:20:15

댓글

이 블로그의 인기 게시물

2020년의 웹 기술 개발 스택

2020년의 웹 기술 개발 스택 웹 응용 프로그램을 개발할 때 고려해야 할 가장 중요한 것은 앱의 기반이 되는 기술 스택이다. 적절한 기술 스택을 통해 적은 예산으로 가장 큰 효과를 제공하는 것은 기업 입장에서는 특히 어려운 과제이며 올바른 기술 스택 사용은 프로젝트의 성공과 실패를 결정짓는 중요한 열쇠다. 물론 필자는 프로젝트를 직접 운영하고 있지도 않고, 사용할 기술 스택을 선택할 입장이 아니기 때문에 해당 사항이 없다. 하지만 2020년을 살아가는 Front-End 개발자로서 쌓아나가야 할 기술 스택의 방향성을 정하는 데 도움이 되고자 포스팅을 해본다. 2020년 웹 기술 개발 스택 최신 웹 기술 스택을 선택하기 이전에 웹 응용 프로그램 개발 프로세스 구성요소를 명확하게 이해해야 한다. 웹 개발에는 크게 클라이언트 쪽과 서버 쪽의 두 가지로 나뉜다. 클라이언트 측 프로그래밍 (Front-End) 웹 개발에는 사용자가 화면에서 보는 모든 것이 포함된다. 주요 프론트엔드 기술 스택 구성 요소는 다음과 같다. HTML (Hyper Markup Language) 및 CSS (Cascading Style Sheets) HTML은 브라우저에게 웹 페이지의 내용을 표시하는 방법을 알려준다. CSS는 그 내용을 스타일링 한다. (+) Bootstrap : HTML, CSS 관리에 유용한 프레임워크 JavaScript (JS) 웹 페이지를 대화식으로 만든다. 더 빠르고 쉬운 웹 개발을 위한 많은 JS 라이브러리와 프레임워크가 있다. - 라이브러리 : jQuery, React.js 및 Zepto.js - 프레임워크 : Angular, Vue, Backbone 및 Ember) 서버 측 프로그래밍 (Back-End) 서버 측은 어플리케이션(Back-End), 데이터베이스 및 서버 자체가 포함된다. 사용자에게 보이지 않지만 발전소가 집에 전기를 생성하는 것처럼 클라이언트 측에 전원을 공급하는 역할을 한다. 문제는 주로 웹 응용 프로그...

[ubuntu] FLASK_APP

[ubuntu] FLASK_APP Development/Debugging 🐞 FLASK_ENV=development FLASK_APP = app.py flask run zsh: command not found: FLASK_APP ✔️ FLASK_ENV=development FLASK_APP=app.py flask run 띄어쓰기를 해서 저런 오류를 출력할수도 있구나 😲 참고 : 108p에서 FLASK가 FKAS로 오타나있다. from http://hee-stories.tistory.com/18 by ccl(A) rewrite - 2020-03-24 17:20:11

외래어 정리

외래어 정리 [A] acacia 아카시아 academic 아카데믹 academy 아카데미 acanthus 아칸서스 accelerator 액셀러레이터 accent 악센트 acceptor 억셉터 access 액세스 accessory 액세서리 accordion 아코디언 ace 에이스 acetate 아세테이트 acetaldehyde 아세트알데히드 acetic acid 아세트(산) acetone 아세톤 acetyl 아세틸 acetylene 아세틸렌 Achilles tendon 아킬레스(건) acre 에이커 acrylic acid 아크릴(산) action 액션 active 액티브 acyl 아실 AD 에이디 adagio 아다지오 adapter 어댑터 ad + balloon 애드벌룬 address 어드레스 adenine 아데닌 adrenaline 아드레날린 advantage 어드밴티지 aerobic dance 에어로빅 댄스 aerofoil 에어로포일 aerosol 에어로졸 afghan 아프간 [편물] after + service 애프터서비스 agape 아가페 Ainu 아이누 air conditioner 에어컨(디셔너) airspray 에어스프레이 album 앨범 albumin 알부민 alcohol 알코올 aldehyde 알데히드 ALGOL 알골 algorism 알고리즘 alibi 알리바이 alkali 알칼리 alkaloid 알칼로이드 Allah 알라 allegory 알레고리 allegretto 알레그레토 allegro 알레그로 alleluia 알렐루야 Allergie 알레르기 alligator 앨리게이터 all-in-one 올인원 almond 아몬드 aloha 'oe 알로하 오에 Alpenhorn 알펜호른 alpha 알파 alphabet 알파벳 ...