📔 Flask 사용하기
- Flask란? Python을 이용해서 웹사이트를 구축할 수 있는 초소형 Micro framework
- pip3 install Flask 로 VSCODE에 설치
📌 Flask 연결하기
- 먼저 기존 main에 있던 file 기능을 file.py를 만들어서 옮겨둔다.
- from flask import Flask로 Flask를 임포트한다.
- app = Flask("JopScraper")로 app 이름을 정하고, app.run으로 로컬 서버에 실행하여 테스트 진행한다.
- 이후 @app.route("/")를 사용해 메인 라우터를 지정하고, 홈으로 정의한다.
- @app.route는 꼭 해당 def 위에 위치해 있어야 한다.
- 무슨 말이냐면 위에 사진처럼 해당 정의 위에 있어야지 연결이 된다는 말.
- 그리고 리턴으로 글자를 전달해서 확인하면 내가 전달한 글자가 나온다.
- 그리고 리턴 안에 이런식으로 h1을 이용해서 쓸 수도 있지만, html이 길어질 경우 조잡해지니 추가적으로 html을 연결하도록 하자.
- templates 폴더를 만들고 안에 home.html을 만든다.
- 여기서 폴더명은 꼭 templates로 해야한다. 왜냐면, Flask에서 정한 거니까...⭐️
- !를 입력해서 html 기본틀을 입력하고 안에 타이틀이랑 바디 내용을 테스트로 입력한다.
- 이후 main으로 돌아와서 reder_template를 이용해 home.html을 받는다.
그러면 이렇게 html이 연결된다.
- 그리고 값을 전달할 수도 있는데, name으로 변수명과 값을 전달하고 html에 중괄호 2개로 변수명을 입력하면
- 이렇게 값을 전달할 수도 있다.
- 이제 html을 이용해서 form을 만들어준다. name은 후에 키워드를 받아야 하기 때문에 keyword로 지정해주자.
- 이후 실행해서 확인하면 이렇게 심플(?)한 화면이 나온다.
- 이어서 연동할 search 페이지도 만들어준다.
- templates 폴더에 search.html 파일 생성
- home.html에서 form action을 사용해 /search로 이동하게 바꿔준다.
- 이후 main에서 search 라우터까지 만들어서 설정해주면, 메인 폼에서 키워드를 입력하면 서치 페이지로 넘어가는 걸 확인할 수 있다!
선명한 삶을 살기 위하여