ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Goorm IDE(구름)에서 Django로 웹 구축하기! - 완전기본 (ft. 스파르타 코딩클럽 신년운세 페이지 만들기)
    Python 2021. 2. 14. 18:27

    프로젝트 배경

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

     

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

    댓글 0

made by default womyn