TIL-23.03.22

 

Flask란?

Flask는 파이썬 기반 웹 프레임워크중 하나이다. 자바가 아닌 파이썬으로도 웹 서버를 만들 수 있다는 의미이다.

자바 기반 웹 프레임워크로는 대표적으로 Spring이 있듯이, 파이썬 기반 웹 프레임 워크로는 대표적으로 Flask, Django가 있는 것이다.

 

 

규칙

Flask는 만들 프로젝트의 폴더 구조가 정해져 있다.

• 폴더 안에 app.py 파일을 생성합니다!(변경 가능)
• 폴더 안에 templates 폴더를 생성합니다!(변경 불가/규칙)
• templates 폴더 안에 index.html 파일을 생성합니다!(변경 가능)

 

Flask기초: HTML 파일 불러오기

templates 폴더의 역할 : HTML 파일을 담아두고, 불러오는 역할!

 

html 파일 불러오기

flask 내장함수 render_template를 이용

from flask import Flask, render_template
app = Flask(__name__)

## URL 별로 함수명이 같거나,
## route('/') 등의 주소가 같으면 안됩니다.

@app.route('/')
def home():
   return render_template('index.html')

if __name__ == '__main__':
   app.run('0.0.0.0', port=5000, debug=True)

 

 

 

 

 

메타 태그

메타 데이터란 쉽게 말하면 해당 웹페이지를 구성하는 여러 구조화된 정보들 예컨대 제목, 설명, 이미지 등을 아예 명시적으로 웹페이지쪽에서 직접 정해서 표기해준 것을 말합니다

크롤러도 하나의 소프트웨어 프로그램인지라 HTML 문서를 보면 자동으로 무엇이 제목인지, 무엇이 내용에 대한 3줄 요약인지, 무엇이 대표 이미지인지 100% 자동으로 판별하기 아주 어렵습니다. 따라서 웹사이트가 직접 저렇게 적어서 알려줘야 하는 것입니다.

 -> 그래서 <meta> 이용

 

오픈그래프(Open Graph)

메타 데이터를 표기하는 방법에 대한 기본 방법 중 페이스북의 오픈그래프(Open Graph) 프로토콜

오픈그래프 프로토콜이 우리가 보는 미리보기 화면의 실체를 구성하는 메타 데이터 표기방법

아래 예시에서 보이는 세 가지의 정보! 이게 meta태그의 역할 중 하나에요!

1. 썸네일 사진 - og:image

2. 썸네일 제목 - og:title

3. 썸네일 설명 - og:description

 

 

 

 

 

 

 

 - 아마존닷컴에서 개발한 클라우드 컴퓨팅 플랫폼이다.

 

 - Amazon Web Services는 아마존(Amazon)에서 제공하는 클라우드 서비스로, 네트워킹을 기반으로 가상 컴퓨터와 스토리지, 네트워크 인프라 등 다양한 서비스를 제공하고 있다.

 

 - 비즈니스와 개발자가 웹 서비스를 사용하여 확장 가능하고 정교한 애플리케이션 구축하도록 지원하여 준다.

 

 - 현재 소규모 법인(회사) 및 개인 을 포함한 다양한 사용자들이 사용하고 있으며, 클라우드 컴퓨팅의 장점을 이용하기 위해 많은 거대 기업에서도 활용하고 있다.

 

 

AWS Elastic Beanstalk란?

AWS 클라우드에서 애플리케이션을 신속하게 배포하고 관리할 수 있는 서비스

애플리케이션을 업로드만 하면 용량 프로비저닝, 로드 밸런싱, 조정, 모니터링 등 자동 처리

EB console, AWS CLI를 이용해 상호작용

 

즉, 개발자가 웹 애플리케이션, 모바일 백엔드 등을 개발한 후, Elastic Beanstalk에 코드를 업로드 하기만 하면 그 후의 배포 작업들은 자동으로 처리가 됩니다. 여기서 말하는 배포 작업에는 다음과 같은 작업들이 포함됩니다.

• 애플리케이션의 배포를 위해 필요한 AWS 리소스들을 생성(EC2, 로드밸런서, 오토스케일링 그룹 등)
• 애플리케이션의 가동을 위해 필요한 구성 요소 설치 (운영체제, 웹 혹은 애플리케이션 서버, 인터프리터 등)
• 애플리케이션 모니터링 구성

 

 

😀 AWS Elastic Beanstalk 을 이용해 간단하게 배포해본 내 페이지! 

http://myweb.eba-peizkfsv.ap-northeast-2.elasticbeanstalk.com/