파이썬(29)
-
[Flask] 2-9 표준 HTML과 템플릿 상속 사용해 보기
지금까지 작성한 질문 목록과 질문 상세 템플릿 파일은 표준 HTML 구조가 아니다 어떤 운영체제나 브라우저를 사용하더라도 웹 페이지가 동일하게 보이고 정상적으로 동작하게 하려면 반드시 웹 표준을 지키는 HTML 문서를 작성해야 한다 표준 HTML 구조는 어떻게 생겼을까? 표준 HTML 문서의 구조는 다음과 같아야 한다 표준 HTML 문서의 구조는 위와 같이 html, head, body 엘리먼트가 있어야 하고 CSS 파일 링크는 head 엘리먼트 안에 있어야 한다 head 엘리먼트 안에는 meta, title 엘리먼트 등이 포함되어야 한다 앞에서 작성한 질문 목록, 질문 상세 템플릿을 표준 HTML 구조가 되도록 수정해 보자 그런데 템플릿 파일들을 모두 표준 HTML 구조로 변경하면 body 엘리먼트 바..
2023.12.01 -
[Flask] 2-8 부트스트랩으로 더 쉽게 화면 꾸미기
웹 디자이너 없이 웹 프로그램을 만들다 보면 화면 디자인 작업을 하는 데 얼마나 많은 시간과 고민이 필요한지 알 수 있을 것이다 부트스트랩(Bootstrap)은 개발자 혼자서도 화면을 괜찮은 수준으로 만들 수 있게 도와주는 도구다 부트스트랩은 트위터를 개발하면서 만들어졌고, 지속적으로 관리되고 있는 오픈소스 프로젝트이다 부트스트랩 다운로드 - https://getbootstrap.com/docs/5.1/getting-started/download/ Download Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, Ruby..
2023.12.01 -
[Flask] 2-6 답변 등록 기능 만들기
이번에는 질문에 답 변을 등록하고 보여 주는 기능을 만들어 보자 답변 저장하기 질문 상세 화면에 답변을 입력하기 위한 텍스트 창(textarea)과 버튼을 생성하고, 이 버튼을 누르면 텍스트 창에 입력된 답변이 저장되도록 구현해 보자 답변 등록 버튼 만들기 질문 상세 템플릿에 답변 저장을 위한 form, textarea, input 엘리먼트를 추가하자 답변 저장 URL은 form 태그의 action 속성에 url_for('answer.create', question_id=question.id)로 지정했다 이후 버튼을 누르면 POST 방식으로 이 URL이 호출(submit)될 것이다 코드를 추가한 후 웹 브라우저에서 질문 상세 페이지를 요청해 보면 오류 메세지 화면이 나타날 것이다 이 오류를 해결하려면 "..
2023.12.01 -
[Flask] 2-5 질문 목록과 질문 상세 기능 만들기
존재하지 않는 페이지를 요청받으면 빈 페이지 대신 404 오류 페이지를 표시하도록 다음처럼 detail 함수의 일부를 수정해 보자 핵심 기능인 질문 목록과 질문 상세 기능을 구현해 보자 질문 목록 만들기 플라스크 서버를 실행하고 웹 브라우저에서 localhost:5000에 접속해 보자 게시판 질문 목록 출력하기 이 화면 대신 게시판 질문 목록이 출력되도록 main_views.py 파일을 수정해 보자 index 함수가 문자열을 반환하던 부분을 질문 목록을 출력하도록 변경하면 된다 질문 목록 데이터는 question_list = Question.query.order_by(Question.create_date.desc()) 로 얻을 수 있다 order_by는 조회 결과를 정렬하는 함수 order_by(Ques..
2023.12.01 -
[Flask] 2-3 블루프린트로 라우팅 함수 관리하기
블루프린트로 라우팅 함수 관리하기 새로운 URL 매핑이 필요할 때마다 라우팅 함수를 create_app 함수 안에 계속 추가해야한다 라우팅 함수가 계속 추가된다면 create_app 함수는 크고 복잡한 함수가 된다 블루프린트(Blueprint)를 사용하여 문제를 해결하자! 블루프린트 생성 create_app 함수 안에 포함된 hello_pybo 함수 대신 블루프린트를 사용할 수 있도록 수정해보자 먼저 pybo 디렉터리 아래에 views 디렉터리 생성 views 디렉터리에 main_views.py 파일을 작성한다 main_views.py 파일에 그대로 옮긴 것이다 애너테이션이 @app.route 에서 @bp.route로 변경되었다 @bp.route 에서 bp객체는 다음처럼 생성되었다 bp 객체 생성시 사용..
2023.11.30 -
[Flask] 2-2 애플리케이션 팩토리
플라스크 앱은 다음 코드에서 처럼 Flask 클래스로 만든 객체를 말한다 app = Flask(__name__) pybo.py를 __init__.py 파일로 변경 앞에서 만든 myproject/pybo.py 파일을 myproject/pybo/__init__.py 파일로 바꿔보자 다음명령으로 myproject/pybo 디렉터리를 만든다 move 명령어로 pybo.py 파일을 pybo/__init__.py 파일로 이동한다 그리고 플라스크 서버를 실행 파일명을 바꿔도 플라스크 서버가 잘 실행된다 기본 앱을 FLASK_APP=pybo로 설정했다 따라서 이전 프로젝트 루트에 있는 pybo.py파일을 카리켰지만 이번에는 pybo 모듈 pybo.__init__.py 파일을 가리킨다 애플리케이션 팩토리 __init__..
2023.11.28