A Developing Developer

웹개발 종합반 (프로그래밍 실무, 풀스택) 39회차 - Flask 본문

내일배움캠프 4기/[왕초보] 비개발자를 위한, 웹개발 종합반 (프로그래밍 실무, 풀스택)

웹개발 종합반 (프로그래밍 실무, 풀스택) 39회차 - Flask

H-JJOO 2022. 10. 14. 15:13

- Flask 시작하기 - 서버만들기

1) new project -> prac 폴더 선택 create 클릭

2) Flask 패키지 설치 (파일 -> 설정 -> python 인터프리터 -> + 클릭 -> Flask 검색 후 설치

3) Flask 기초 : 기본실행

  • Flask 프레임워크 - 서버를 구동시켜주는 편한 코드 모음, 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다.
  • app.py 파일을 만들어 준다.
from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return 'This is Home!'

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

 

  • 우클릭 -> 'Run.app' 클릭

성공

  • 크롬에서 http://localhost:5000/ 으로 접속 -> 화면에 'This is Home!' 이 나오면 성공

4) Flask 기초 : URL 나눠보기

from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return 'This is Home!'

@app.route('/mypage')
def mypage():
    return 'This is My Page!'

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

http://localhost:5000/mypage 로 접속 -> 화면에 'This is My Page!' 가 나오면 성공 

 

5) Flask 기초 : 기본 폴더구조 - 항상 세팅 후 시작

  • static 폴더 - 이미지, css 파일 모음
  • templates 폴더 - html 파일 모음
  • app.py 파일 - 기본실행 파일

6) Flask 기초 : HTML 파일 불러오기

 

- index.html 파일

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <title>Document</title>
    <script>
        function hey() {
            alert('안녕!')
        }
    </script>
</head>
<body>
<button onclick="hey()">나는 버튼!</button>
</body>
</html>

- app.py 파일

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)

=================================================================================

스파르타코딩클럽_웹개발_종합반(강의자료)

=================================================================================

Flask 로 서버만들고 html 적용하는 것 까지 정리해보았는데,

 

오늘 8일차에 API 만들기도 강의 진행했지만, 일정상 끊어지는 느낌이있어서,

 

다음 강의를 듣고 이어서 개발일지를 작성해야겠다.

 

나름 3개월 회사에서 Flask 로 웹개발을 해서 익숙한 느낌이든다.

 

확실히 실전에 바로 내던저지는거랑 기초부터 배우는거랑 느낌이 다르다.

 

아무리 실전에 바로 내던저지는게 경험치 쌓는데는 좋다고하지만, 나는 기초부터 배우고 하고싶다.

 

(더 이상 맨땅에 해딩은 사양한다.)