[Flask] Flask 기본 사용법 : VScode Flask 실습 코드, URL에 웹페이지 연결, 동적 URL, HTML 파일 렌더링 📌 URL 연결@app.route('/경로')경로는 반드시 /로 시작flask run시 할당받는 링크의 뒤에 해당 내용들을 덧붙여 페이지 이동 가능 [📃 app.py 코드]from flask import Flaskapp = Flask(__name__)@app.route('/') # 초기 화면 구성def hello(): return 'hello flask'@app.route('/about') # /about으로 이동시 출력되는 화면 구성def about(): return 'flask python framework'@app.route('/contact') # /contact으로 이동시 출력되는 화면 구성def contact(): return 'tel : 012-345-6789' [📃 .. 2023. 7. 20. [Flask] Flask 설치 및 웹 실행 방법 : Flask란?, VScode Flask 설치, Flask 실습 코드, Flask를 활용한 웹의 실행 📌 Flask란?웹 애플리케이션 개발을 위한 파이썬의 프레임워크마이크로 웹 프레임워크로, 최소한의 구성 요소와 요구 사항 제공확장에 용이하며 접근이 쉬워 유연하게 활용 가능 📌 Flask 설치프로젝트 디렉토리로 이동가상환경 설정 후 아래 코드 입력[📃 터미널 코드]cd (폴더명)⬇️ 코드 실행 결과 (가상환경 설정은 이전 게시물 참고) 플라스크 설치[📃 터미널 코드]pip install flask 『권장 코드 수행[📃 터미널 코드]python.exe -m pip install --upgrade pip』 📌 플라스크 실행 법 (예제 코드 활용).py 코드 작성[📃 app.py 코드]from flask import Flaskapp = Flask(__name__)@app.route('/')de.. 2023. 7. 20. [HTML] HTML 기초 문법 및 실습 : 태그 < > 사용법, head와 body, 타이틀 설정, 단락 나누기, 줄바꿈, 수평선 긋기, 개발자 포맷대로 작성, 글 강조 📌 태그 태그들을 사용하여 원하고자 하는 바 표시 태그는 열고() 닫으며(), 그 사이에 태그가 적용될 상세 내용을 작성 📌 ! + enter ! + enter시 기본적인 head와 body 작성 가능 ➡️ Live Server를 사용하여 브라우저 타이틀바에서 helloworld web을 확인할 수 있음 📌 다양한 제목글 작성 : 제목 형태 (h1~6 존재) hello world!!! hello world!!! hello world!!! hello world!!! hello world!!! hello world!!! hello world!!! ⬇️ Live Server를 사용하여 실행한 결과 📌 단락 나누기 : 문단 형태(단락 나누기) hello world!!! 안녕하세요 안녕하세요 안녕하세요 안.. 2023. 7. 10. [개발 환경 구축] 웹 개발 환경 구축 : VScode 설치, HTML 파일 생성, Live Server 확장자 설치 및 사용법 📌 VScode 다운로드 Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.code.visualstudio.com링크에 접속하여 절차에 따라 설치, 실행 📌 HTML 파일 생성폴더 열기, 왼쪽의 창을 우클릭하여 파일 생성 후 .html 확장자 사용하여 작성할 수 있음ex) hello.ht.. 2023. 7. 10. 이전 1 2 다음