Goorm IDE(구름)에서 Django로 웹 구축하기! - 완전기본 (ft. 스파르타 코딩클럽 신년운세 페이지 만들기)

프로젝트 배경

• 필요했던 기능 : Goorm IDE에서 Django로 웹 구축하기

• 서비스 개요 : 스파르타 코딩의 신년운세 페이지를 만들어본 김에 웹에 띄워보기로 했다.

• 사용 언어 및 툴 : HTML/CSS, Python, Django

---

프로젝트 내용

 

테스트 페이지를 만드는 줄 알고 스파르타 코딩의 신년운세 페이지 만들기 과정을 들었는데, 그냥 HTML/CSS 기본 강의였다. 뭔가 아쉬운 마음에 페이지를 웹으로 띄워보자 생각되어 구름 + 장고를 오랜만에 사용해보았다. 서버 런 했는데도 안떠서 찾아헤매다가 겨우 발견해서 기록으로 남긴다. 

 

링크 연결하는 것도 기존에 스파르타 코딩클럽에서 Javascript로 준 코드를 그대로 사용한 거라서, 조금 더 시도를 해봐야 한다... 그래도 어쨌든 기본적인 웹은 띄웠으니 적어본다.

 

그리고 웹 페이지를 띄워보는 게 목표였기 때문에, 앱을 따로 설치하지는 않았다.

(아마도 다음 포스트에서 관리자 페이지나 게시판 같은 앱 설치하는 걸 다뤄볼 수도 있을 것 같다)

 

 

 

 

< Goorm에서 Django로 웹 서버 띄우는 순서 >

 

1. Goorm IDE에서 새로운 컨테이너를 만든다 (소프트웨어 스택을 Django로 해줘야한다)

 

2. 기본적으로 서버를 돌리기 위한 파일이 구성되어 있어서, 따로 python manage.py startproject 를 할 필요가 없다

 

3. manage.py 파일이 있는 디렉토리에서 templates 폴더를 만든 후, 웹에서 보고싶은 html 파일을 넣는다

 

4. 컨테이너를 만들며 생성 된 프로젝트 폴더(__init__.py가 있는 폴더)의 settings.py에서 아래 내용을 수정한다

# 위의 내용 변경 사항 없음

ALLOWED_HOSTS = ['*']	# 모든 호스트 허용

# 중간의 내용 변경 사항 없음

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],	# 이 부분 수정
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

5. 동일 디렉토리의 views.py에서 html을 보여주는 class를 만든다

from django.views.generic import TemplateView

class HomeView(TemplateView):
    template_name = '기본으로 보고싶은 html.html'

 

6. 동일 디렉토리의 urls.py에서 views의 내용을 url 주소와 연결한다

from django.contrib import admin
from django.urls import path
from .views import HomeView	# 추가

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', HomeView.as_view(), name='home'),	# 도메인의 기본 주소로 접속 시 연결, views의 HomeView와 연결

]

7. terminal 창에서 python manage.py migrate 한다

 

8. Goorm 에서는 python manage.py runserver로 하면 실행이 안되고

상단 메뉴바의 프로젝트 > 실행 > new run django 로 실행한다

 

9. 터미널이 있던 곳에 new run django 라는 탭이 추가로 뜨며

오른쪽에 있는 링크를 클릭하면 서버가 정상 작동함을 볼 수 있다!

 

스파르타 코딩클럽에서 만든 html을 활용한 Django 웹 페이지 😂

 

10. 프로젝트 > 실행 URL과 포트 > URL 에서 도메인 주소를 만들 수 있다

 

등록한 URL을 선택하고 적용하기만 하면 된다

---

소감

 

Django를 자주 쓸 일이 없어서 맨날 까먹길래 내가 기억하기 위해서라도 써야겠다 싶어 블로그에 쓰게 됐다. 할 때는 항상 어렵지도 않은데 안쓰다보면 어렵게 느껴지기도 한다. 예전에 했던 거라 그런지 얼마 안걸려서 방법을 찾았다.

 

다음 번에는 테스트를 만들어서 배포해보고 싶다.