메가쇼핑몰

$$config title: MEGA_MARKET 정리 keywords: - IT - market - python - django $$ # 프로젝트 생성 및 SQL 세팅 - [https://slog.gg/p/2867](https://slog.gg/p/2867) - 코드 미리 정리한 URL ``` DROP DATABASE mega_market; CREATE DATABASE mega_market; USE mega_market; ```
# 1. gitignore 생성 - 파이참에서 권장하는 gitignore 파일을 생성하기 - 생성한 뒤에는 git 연결 후 push ```python # Created by https://www.toptal.com/developers/gitignore/api/pycharm,django # Edit at https://www.toptal.com/developers/gitignore?templates=pycharm,django ### Django ### *.log *.pot *.pyc __pycache__/ local_settings.py db.sqlite3 db.sqlite3-journal media # If your build process includes running collectstatic, then you probably don't need or want to include staticfiles/ # in your Git repository. Update and uncomment the following line accordingly. # /staticfiles/ ### Django.Python Stack ### # Byte-compiled / optimized / DLL files *.py[cod] *$py.class # C extensions *.so # Distribution / packaging .Python build/ develop-eggs/ dist/ downloads/ eggs/ .eggs/ lib/ lib64/ parts/ sdist/ var/ wheels/ share/python-wheels/ *.egg-info/ .installed.cfg *.egg MANIFEST # PyInstaller # Usually these files are written by a python script from a template # before PyInstaller builds the exe, so as to inject date/other infos into it. *.manifest *.spec # Installer logs pip-log.txt pip-delete-this-directory.txt # Unit test / coverage reports htmlcov/ .tox/ .nox/ .coverage .coverage.* .cache nosetests.xml coverage.xml *.cover *.py,cover .hypothesis/ .pytest_cache/ cover/ # Translations *.mo # Django stuff: # Flask stuff: instance/ .webassets-cache # Scrapy stuff: .scrapy # Sphinx documentation docs/_build/ # PyBuilder .pybuilder/ target/ # Jupyter Notebook .ipynb_checkpoints # IPython profile_default/ ipython_config.py # pyenv # For a library or package, you might want to ignore these files since the code is # intended to run in multiple environments; otherwise, check them in: # .python-version # pipenv # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control. # However, in case of collaboration, if having platform-specific dependencies or dependencies # having no cross-platform support, pipenv may install dependencies that don't work, or not # install all needed dependencies. #Pipfile.lock # PEP 582; used by e.g. github.com/David-OConnor/pyflow __pypackages__/ # Celery stuff celerybeat-schedule celerybeat.pid # SageMath parsed files *.sage.py # Environments .env .venv env/ venv/ ENV/ env.bak/ venv.bak/ # Spyder project settings .spyderproject .spyproject # Rope project settings .ropeproject # mkdocs documentation /site # mypy .mypy_cache/ .dmypy.json dmypy.json # Pyre type checker .pyre/ # pytype static type analyzer .pytype/ # Cython debug symbols cython_debug/ ### PyCharm ### # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider # Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839 # User-specific stuff .idea/**/workspace.xml .idea/**/tasks.xml .idea/**/usage.statistics.xml .idea/**/dictionaries .idea/**/shelf # AWS User-specific .idea/**/aws.xml # Generated files .idea/**/contentModel.xml # Sensitive or high-churn files .idea/**/dataSources/ .idea/**/dataSources.ids .idea/**/dataSources.local.xml .idea/**/sqlDataSources.xml .idea/**/dynamic.xml .idea/**/uiDesigner.xml .idea/**/dbnavigator.xml # Gradle .idea/**/gradle.xml .idea/**/libraries # Gradle and Maven with auto-import # When using Gradle or Maven with auto-import, you should exclude module files, # since they will be recreated, and may cause churn. Uncomment if using # auto-import. # .idea/artifacts # .idea/compiler.xml # .idea/jarRepositories.xml # .idea/modules.xml # .idea/*.iml # .idea/modules # *.iml # *.ipr # CMake cmake-build-*/ # Mongo Explorer plugin .idea/**/mongoSettings.xml # File-based project format *.iws # IntelliJ out/ # mpeltonen/sbt-idea plugin .idea_modules/ # JIRA plugin atlassian-ide-plugin.xml # Cursive Clojure plugin .idea/replstate.xml # Crashlytics plugin (for Android Studio and IntelliJ) com_crashlytics_export_strings.xml crashlytics.properties crashlytics-build.properties fabric.properties # Editor-based Rest Client .idea/httpRequests # Android studio 3.1+ serialized cache file .idea/caches/build_file_checksums.ser ### PyCharm Patch ### # Comment Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-215987721 # *.iml # modules.xml # .idea/misc.xml # *.ipr # Sonarlint plugin # https://plugins.jetbrains.com/plugin/7973-sonarlint .idea/**/sonarlint/ # SonarQube Plugin # https://plugins.jetbrains.com/plugin/7238-sonarqube-community-plugin .idea/**/sonarIssues.xml # Markdown Navigator plugin # https://plugins.jetbrains.com/plugin/7896-markdown-navigator-enhanced .idea/**/markdown-navigator.xml .idea/**/markdown-navigator-enh.xml .idea/**/markdown-navigator/ # Cache file creation bug # See https://youtrack.jetbrains.com/issue/JBR-2257 .idea/$CACHE_FILE$ # CodeStream plugin # https://plugins.jetbrains.com/plugin/12206-codestream .idea/codestream.xml # End of https://www.toptal.com/developers/gitignore/api/pycharm,django ```
# 2. 패키지 설치를 위한 의존성 선행 설치 - requirements : 개발에서 어떤 과제를 수행하기 위하여 필요한 조건 - common.txt : 공통적인 필요 파일 - dev.txt : 개발용 파일 - 디버그 모드 추가하여 편리하게 사용하기 위한 목적 - prod.txt : 실무용 파일 - 터미널에서 gitbash로 변경하여 사용하면 파일을 터미널에서 생성할 수 있다. ```python * 필요한 디렉터리 및 파일 목록 mkdir requirements # requirements 디렉터리 생성 echo "Django" >> requirements/common.txt # 디렉터리에 common 파일 생성하면서 Django 추가 echo "django-bootstrap5" >> requirements/common.txt # common에 부트스트랩 추가 echo "pillow" >> requirements/common.txt # common에 필로우 추가 echo "git+https://github.com/jhs512/django-pydenticon" >> requirements/common.txt # git+https~~ cnrk echo "easy-thumbnails" >> requirements/common.txt # easy-t~~ 추가 echo "-r common.txt" >> requirements/dev.txt # 디렉터리에 dev 생성하면서 -r common.txt 내용 추가 echo "django-debug-toolbar" >> requirements/dev.txt # dev에 내용 추가 echo "-r common.txt" >> requirements/prod.txt # 디렉터리에 prod 생성하면서 -r~~ 추가 echo "-r requirements/prod.txt" >> requirements.txt # requ~ 파일 생성하면서 -r~~ 내용 추가 pip install -r requirements/dev.txt # dev에 파일 인스톨 ```
# 3. 프로젝트 생성 및 앱 추가 - Django App은 자신의 모델, 뷰, 템플릿, URL 등을 독자적으로 가지고 있으며, App은 특정한 기능을 수행하는 웹 어플리케이션을 말한다. - 프로젝트는 이러한 app들과 각 설정을 모아둔 것이다. ```python django-admin startproject base . # 기본 베이스 프로젝트 python manage.py startapp accounts # 회원 앱 python manage.py startapp markets # 마켓 앱 python manage.py startapp products # 상품 앱 python manage.py startapp cart # 장바구니 앱 python manage.py startapp qna # 질문답변 앱 ```
# 4. settings 설정 파일 분리 - settings 디렉터리 생성 후 기존 settings.py 파일 settings 디렉터리로 이동 - common.py : settings.py에서 수정한 이름으로, 기본 세팅 파일 - 파일 이름 수정 단축키 : Alt + Shift + R - dev.py : 개발용 설정 파일 (디버그모드) - prod.py : 실무용 설정 파일 - prod는 실무용으로 개발용 디버그를 해제해야 속도가 빨라진다 (`DEBUG = False` 추가) ``` # dev와 prod에 추가 from .common import * ``` - 변경된 세팅 파일 수정 - manage.py : 전체적인 매니저 파일 (경로에 dev 추가) - asgi.py / wsgi.py : 둘 중 하나를 실무에 사용, 경로에 prod 추가 ``` os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'base.settings.prod') # base.settings에 .경로 추가 ``` - `python manage.py showmigrations` 해서 잘 나오면 성공!
# 5. settings 기본 설정 - common 경로 및 내용 수정 ```python BASE_DIR = Path(__file__).resolve().parent.parent.parent # 디렉터리가 더 생성되었으므로 .parent 하나 추가 # ~ 중략 ~ ALLOWED_HOSTS = ['*'] # 나중에 도메인 붙힐 자리 ``` - INSTALLED_APPS에 앱 추가 ```python # 설치한 앱들 추가 # 서드파티 'django_bootstrap5', 'debug_toolbar', 'django_pydenticon', 'easy_thumbnails', # 생성한 앱들 설치 # 로컬 'accounts.apps.AccountsConfig', 'cart.apps.CartConfig', 'markets.apps.MarketsConfig', 'products.apps.ProductsConfig', 'qna.apps.QnaConfig', ``` - MIDDLEWARE에 디버그 모드 추가 ```python 'debug_toolbar.middleware.DebugToolbarMiddleware', # 추가 ``` - TEMPLATES에 추가 ```python 'DIRS': [ BASE_DIR / 'base/templates', ], ``` - 국가/언어/시간 변경 ``` LANGUAGE_CODE = 'ko-kr' # 국가, 언어 TIME_ZONE = 'Asia / Seoul' # 날짜 및 시간 USE_I18N = True USE_L10N = True USE_TZ = False # 국제시간 적용 해제 ``` - common.py 의 맨 밑에 추가 ```python # 추가 # AUTH_USER_MODEL = "accounts.User" # 아직 안만들었으니 주석 처리 STATICFILES_DIRS = [ BASE_DIR / 'base/static', ] STATIC_ROOT = BASE_DIR / 'static' MEDIA_URL = '/media/' MEDIA_ROOT = BASE_DIR / 'media' INTERNAL_IPS = ['127.0.0.1'] ``` - `python manage.py showmigrations` 해서 잘 나오면 성공!
# 6. DB 연결 - DATABASES 수정 ```python DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'mege_market', 'USER': 'root', 'PASSWORD': '', 'HOST': '127.0.0.1', 'PORT': '3306', 'OPTIONS': { 'init_command': "SET sql_mode='STRICT_TRANS_TABLES'", # 추가, 만약에 이 부분 때문에 오류가 난다면, 이 라인을 지우고 다시 시도해주세요. }, } } ``` - common.txt에 mysql 클라이언트 설치 - ` echo "mysqlclient" >> requirements/common.txt` - `pip install -r requirements/dev.txt` - `python manage.py showmigrations` 해서 잘 나오면 성공! - `python manage.py migrate` 해주기
# 7. 커스텀 유저 모델 - acoounts/model.py 에 성별 선택 내용 추가 ```python from django.contrib.auth.models import AbstractUser from django.db import models # Create your models here. class User(AbstractUser): class GenderChoices(models.TextChoices): MALE = "M", "남성" FEMALE = "F", "여성" gender = models.CharField('성별', max_length=1, blank=True, choices=GenderChoices.choices) avatar = models.ImageField('아바타', blank=True, upload_to="accounts/avatar/%Y/%m/%d", help_text="100px * 100px 크기의 gif/png/jpg 이미지를 업로드해주세요.") ``` - 데이터 경로 변경 - `AUTH_USER_MODEL = "accounts.User"` - Mysql에서 테이블 확인하면 AUTH_USER_MODEL이 있지만 그걸 사용하지 않고 accounts.User로 변경해 사용한다는 의미 - `python manage.py makemigrations` 한 후 `python manage.py migrate` - 안될 때는 sql에서 `DROP DATABASE mega_market; CREATE DATABASE mega_market; USE mega_market;` 해준 후 다시 해보기
# 8. 장고디버그툴(DDT)를 위한 추가 설정 - 디버그 툴 오류 해결을 위해 urls.py에 아래 내용 추가 ```python if settings.DEBUG: import debug_toolbar # DDT 를 위한 설정 urlpatterns += [ path('__debug__/', include(debug_toolbar.urls)), ] # 미디어 파일 urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) ```
# 9. 마켓 모델 작성 ```python from django.db import models # Create your models here. from accounts.models import User class Market(models.Model): reg_date = models.DateTimeField('등록날짜', auto_now_add=True) update_date = models.DateTimeField('갱신날짜', auto_now=True) name = models.CharField('마켓이름', max_length=100) site_url = models.URLField('마켓사이트URL', max_length=100) email = models.EmailField('마켓대표이메일', max_length=100) master = models.OneToOneField(User, on_delete=models.CASCADE) # OneToOneField : 한 회원 당 마켓 하나만 관리할 수 있음 ``` - `python manage.py makemigrations` 한 후 `python manage.py migrate` - makemigrations를 하면 마이그레이트 디렉터리에 해당 파일이 생성되고 (sql에 실제 반영 전 작성하는 기록소?) - migrate를 하면 실제로 sql 반영되어 데이터가 생성된다.
# 10. 유저 마스터 데이터 생성 - 0001_initial.py에 User 마스터 데이터 작성 ```python def gen_master(apps, schema_editor): User.objects.create_user(username="admin", password="admin", first_name="관리자", email="", gender="F", is_superuser=True, is_staff=True) for id in range(2, 5): username = f"user{id}" password = f"user{id}" first_name = f"이름{id}" email = f"test{id}@test.com" gender = 'M' User.objects.create_user(username=username, password=password, first_name=first_name, email=email, gender=gender) # ~ 중략 ~ ), migrations.RunPython(gen_master), # sqlyog에서 초기화하고 할 때 마다 gen_master를 마이그레이트하여 슈퍼유저와 유저3명을 생성 ] ``` - 슈퍼유저 코드 쓰기 전, `python manage.py createsuperuser`로 슈퍼유저 만든 후에 코드 작성해야함. (혹은 주석 처리 후)
# 11. 마켓 마스터 데이터 생성 ```python from markets.models import Market def gen_master(apps, schema_editor): Market(name="언니네옷가게", site_url="https://www.abc1.co.kr", email="test1@test.com", master_id=2).save() Market(name="누나네옷가게", site_url="https://www.abc2.co.kr", email="test2@test.com", master_id=3).save() Market(name="이모네옷가게", site_url="https://www.abc3.co.kr", email="test3@test.com", master_id=4).save() # ~ 중략 ~ ), migrations.RunPython(gen_master), # sqlyog에서 초기화하고 할 때 마다 gen_master를 마이그레이트하여 마켓 3개를 생성 ] ``` - 하고 sqlyog에서 초기화 후 마이그레이트
# 12. 상품 실물 모델 작성 ```python from django.db import models # Create your models here. from markets.models import Market class Product(models.Model): reg_date = models.DateTimeField('등록날짜', auto_now_add=True) update_date = models.DateTimeField('갱신날짜', auto_now=True) is_deleted = models.BooleanField('삭제여부', default=False) # 소프트삭제 : 데이터는 남기고 삭제, 하드삭제는 아예 삭제 delete_date = models.DateTimeField('삭제날짜', null=True, blank=True) market = models.ForeignKey(Market, on_delete=models.DO_NOTHING) name = models.CharField('상품명(내부용)', max_length=100) # 단가라 원피스 3번 display_name = models.CharField('상품명(고객용)', max_length=100) # 인스타여신 품절대란 단가라 원피스 price = models.PositiveIntegerField('권장판매가') sale_price = models.PositiveIntegerField('실제판매가') is_hidden = models.BooleanField('노출여부', default=False) is_sold_out = models.BooleanField('품절여부', default=False) category_id = models.PositiveIntegerField('카테고리번호(추후설계)', default=0) hit_count = models.PositiveIntegerField('조회수', default=0) review_count = models.PositiveIntegerField('리뷰수', default=0) review_point = models.PositiveIntegerField('리뷰평점', default=0) class ProductReal(models.Model): reg_date = models.DateTimeField('등록날짜', auto_now_add=True) update_date = models.DateTimeField('갱신날짜', auto_now=True) product = models.ForeignKey(Product, on_delete=models.CASCADE) option_1_type = models.CharField('옵션1 타입', max_length=10, default='SIZE') option_1_name = models.CharField('옵션1 이름(내부용)', max_length=50) option_1_display_name = models.CharField('옵션1 이름(고객용)', max_length=50) option_2_type = models.CharField('옵션2 타입', max_length=10, default='COLOR') option_2_name = models.CharField('옵션2 이름(내부용)', max_length=50) option_2_display_name = models.CharField('옵션2 이름(고객용)', max_length=50) option_3_type = models.CharField('옵션3 타입', max_length=10, default='', blank=True) option_3_name = models.CharField('옵션3 이름(내부용)', max_length=50, default='', blank=True) option_3_display_name = models.CharField('옵션3 이름(고객용)', max_length=50, default='', blank=True) is_sold_out = models.BooleanField('품절여부', default=False) is_hidden = models.BooleanField('노출여부', default=False) add_price = models.IntegerField('추가가격', default=0) stock_quantity = models.PositiveIntegerField('재고개수', default=0) # 품절일때 유용함 ``` - makemigrations 해주기
# 13. 상품 마스터 데이터 작성 - [https://slog.gg/p/2867](https://slog.gg/p/2867) - 여기 참조 해서 작성 - `migrations.RunPython(gen_master),`
# 14. 질문답변 모델 작성 ```python from django.contrib.contenttypes.fields import GenericForeignKey from django.contrib.contenttypes.models import ContentType from django.db import models # Create your models here. from accounts.models import User class Question(models.Model): reg_date = models.DateTimeField('등록날짜', auto_now_add=True) update_date = models.DateTimeField('갱신날짜', auto_now=True) user = models.ForeignKey(User, on_delete=models.CASCADE) content_type = models.ForeignKey(ContentType, related_name="content_type_question", on_delete=models.DO_NOTHING) object_id = models.PositiveIntegerField('관련 데이터 번호') content_object = GenericForeignKey('content_type', 'object_id') body = models.TextField('내용') is_complete = models.BooleanField('답변완료여부', default=False) class Answer(models.Model): reg_date = models.DateTimeField('등록날짜', auto_now_add=True) update_date = models.DateTimeField('갱신날짜', auto_now=True) question = models.OneToOneField(Question, on_delete=models.CASCADE) user = models.ForeignKey(User, on_delete=models.CASCADE) body = models.TextField('내용') ``` - 하고 마이그레이션
# 15. 질문답변 마스터 데이터 작성 ```python def gen_master(apps, schema_editor): product = Product.objects.get(id=1) product_content_type = ContentType.objects.get_for_model(product) Question(user_id=2, content_type=product_content_type, object_id=product.id, body="이거 물빠짐 심한가요?").save() Question(user_id=3, content_type=product_content_type, object_id=product.id, body="이거 입으면 인싸?").save() product = Product.objects.get(id=2) product_content_type = ContentType.objects.get_for_model(product) Question(user_id=1, content_type=product_content_type, object_id=product.id, body="이거 원단이 튼튼한가요?").save() Question(user_id=3, content_type=product_content_type, object_id=product.id, body="이거 세탁해도 되나요?").save() ``` - 마이그레이션 후 마이그레이트
# 16. 상품리스트 작업 시작 - `base/urls.py`에 상품 url 인클루드 작성 ```python urlpatterns = [ path('products/', include('products.urls')), # 추가 path('admin/', admin.site.urls), ] ``` - `products/urls.py `에 상품리스트 연결 ```python from django.urls import path from products import views urlpatterns = [ path('', views.product_list) ] ``` - `products/views.py`에 임시 문구 작성 ```python from django.http import HttpRequest, HttpResponse def product_list(request: HttpRequest): return HttpResponse("안녕") ``` - 런서버 후 /products 페이지 확인 후 문구 잘 나오면 성공!
# 17. 상품 리스트 페이지에 레이아웃 상속 및 DDT 활성 - `products/views.py` 에서 product_list.html 매핑으로 수정 ```python from django.http import HttpRequest, HttpResponse from django.shortcuts import render from products.models import Product def product_list(request: HttpRequest): product_list = Product.objects.order_by('-id') return render(request, "products/product_list.html", { "product_list": product_list }) ``` - `products/templates/products/product_list.html` 에서 베이스가 되는 layout.html을 extends(상속) ```python {% extends "layout.html" %} {% block content %} {% endblock %} ``` - `base/templates/layout.html`에 내용 입력 - TIP : `!` 작성하고 Tap 누르면 기본 코딩 입력됨 - TIP : body가 생기면 DDT도 활성화 됨 ```python 메가쇼핑몰 {%block content%} {%endblock%} ```
# 18. 부트스트랩 및 웹폰트 적용 - `base/layout.html`에 부트스트랩 적용 및 static 로드 - TIP : `defer`를 붙이면 우선순위가 최하위가 되어 html이 다 로딩되고 나서 실행이된다. - TIP : 부트스트랩을 적용하면 jQuery가 필요없고, 가장 유명한 순으로 작성해야한다. (선행 모드 처럼) ```python {% load static %} # static(안에 css, js 등이 있는 디렉터리 패키지)을 로드해 와야 스타일이 반영됨 # ~ 중략 ~ ``` - `static/common.css`에 웹폰트 작성하여 적용 ```python @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } html > body { font-family: "GmarketSansMedium"; } ``` - `static/common.js`에 로딩확인문구 입력 ```python console.log("common.js 로딩됨") ``` - `products/product_list.html`에 로딩 확인할 수 있는 긴 문구 입력 - `lorem` 치고 Tap 누르면 긴 문구가 자동으로 작성됨 - `class="container"`로 작성하면 문구가 중앙으로 정렬됨 - `div.container` 치고 Tap 누르면 자동으로 닫히며 작성됨 ```python {% extends "layout.html" %} {% block content %}

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto aut dolore earum libero modi nihil nisi soluta. Atque deserunt distinctio, facere magni perspiciatis praesentium ratione reprehenderit sunt! Fugiat, incidunt, unde!

{% endblock %} ```
# 19. 상품리스트 구현 - `product/product_list.html`에 상품 번호, 이름 등 불러와 작성 ```python {% extends "layout.html" %} {%block content %}

{{product.id}} {{product.display_name}} {{product.sale_price}}원

{%endblock%} ``` - TIP : css에서 `text-underline-position: under;`를 작성하면 언더라인이 딱 붙지 않고, 살짝 밑으로 나옴 - `products/urls.py`에 별칭 추가 작성 ```python from django.urls import path from products import views app_name = 'products' urlpatterns = [ path('', views.product_list, name='list'), path('/', views.product_detail, name='detail'), ] ``` - `products/views.py`에 detail 함수 작성 ```python # 중략 ~ def product_detail(request: HttpRequest, id): return HttpResponse(f"상품 상세페이지, {id}") ```
# 20. 상품 상세페이지 (product_detail) ## git에서 계속 ... [mega_market_git](https://github.com/fmfu51/mega_market_01)
# 21. 질문 폼 생성 - `product_detail`에 내용 추가, 현재까지는 qua 매핑이 안되어 있으니 출력 오류가 생김 ```html # 중략 ~ {% endfor %} # ~ 중략 ``` - `base/urls.py`에 qua 매핑 추가 -> qua 디렉터리에 만든 urls.py로 인클루드 ```python urlpatterns = [ path('products/', include('products.urls')), path('qua/', include('qna.urls')), # 추가 path('admin/', admin.site.urls), ] ``` - `qua/urls.py`에 매핑 및 내용 추가 ```python from django.urls import path from qna import views app_name = 'qna' urlpatterns = [ path('create_question', views.create_question, name='create_question') ] ``` - `qna/views.py` 출력이 잘 되는 지 함수를 만들어 호출 ```python from django.http import HttpRequest, HttpResponse # Create your views here. def create_question(request: HttpRequest): return HttpResponse("안녕") ``` - 런서버 껐다 키고, 질문 작성 버튼 클릭했을 때, 안녕이 출력되는 창이 뜨면 됨.
# 22. 질문 저장