goormIDE[구름IDE] 사용법 클라우드 서비스

가상 환경을 세팅하기 위한 프로그램들은 많이 있지만 요즘 내가 가장 애용하는 구름 IDE에 대한 사용법을 소개해 보려고 한다. 

1. 구름IDE 접속 후 로그인

 - 아래의 링크 접속후 로그인

ide.goorm.io/?_ga=2.21746610.885719381.1616857243-1247216939.1616857243

구름IDE - 설치가 필요없는 통합개발환경 서비스

구름IDE는 언제 어디서나 사용 가능한 클라우드 통합개발환경(Integrated Development Environment IDE)을 제공합니다. 웹브라우저만 있으면 코딩, 디버그, 컴파일, 배포 등 개발에 관련된 모든 작업을 클라

ide.goorm.io

2. 대시보드 클릭 

3. 새 컨테이너 클릭 

4. 이름, 지역 등등의 설정 후 생성 클릭(3, 4)
 - 나는 웹 페이지를 만들 목적이기 때문에 소프트웨어 스택을 HTML/CSS/JS로 선택하였습니다. 운영체제는 우분트로 설정하였다.

5. 준비중

 

 

6. 컨테이너 실행

7. 가상 환경 실행 화면

- 기본적인 HTML, CSS문법이 적혀있어 간편하게 사용 가능하고 Open Preview를 이용하여 코드가 실행되는 화면을 볼 수 있다.

- 위에서 Open preview를 클릭하면 보이는 화면이다. 

Open preview 화면

- 위에 사진에서 빨간색 동그라미로 표시된 버튼을 클릭하여 서버에 올라간 페이지를 확인할 수 있다.

인터넷에서 실행한 화면(자동배보된 페이지)

모바일로 접근한 페이지

- 이 부분이 내가 구름 IDE를 사용하는 가장 큰 이유이다. 기존에 프로젝트를 진행하게 되면 로컬 서버에서 진행하던 프로젝트를 다른 PC에서 접근하게 하기 위해 공인 IP를 확인해야 하고 DNS 신청을 하여 새로운 도메인도 받아야 한다. 또한 계속 서버를 활성화해야 한다는 단점이 있다. 하지만 이 클라우드 서비스를 이용하면 쉽게 배포가 가능하여 원하는 서비스를 쉽게 만들 수 있다. 

- 다음 포스팅은 이 클라우드 서비스를 가지고 기본적인 웹을 만들어 보는 프로젝트를 할 예정이다.