코딩무민의 슬기로운 코딩생활

[Flask] 파이썬으로 웹페이지 만들기 (1) 환경설정 및 기본 페이지 구성 [Flask] 파이썬으로 웹페이지 만들기 (2) Bootstrap 연동하기 [Flask] 파이썬으로 웹페이지 만들기 (3) URL Building(url_for) [Flask] 파이썬으로 웹페이지 만들기 (4) 페이지 로그인 기능 만들기( 값 입력 및 출력) [Flask] 파이썬으로 웹페이지 만들기 (5) 이미지 삽입하기 1. [app] - [static] 아래 img 폴더 생성 후 원하는 이미지 넣기 경로 : Project_Name/app/static/img/이미지.jpg(png) 2. success.html 수정 에서 {{ Name }}님의 나이는 {{ Age }} 입니다. 만나서 반갑습니다. : static/img dir..

[Flask] 파이썬으로 웹페이지 만들기 (1) 환경설정 및 기본 페이지 구성 [Flask] 파이썬으로 웹페이지 만들기 (2) Bootstrap 연동하기 [Flask] 파이썬으로 웹페이지 만들기 (3) URL Building(url_for) [Flask] 파이썬으로 웹페이지 만들기 (4) 페이지 로그인 기능 만들기( 값 입력 및 출력) [Flask] 파이썬으로 웹페이지 만들기 (5) 이미지 삽입하기 이제 페이지에 값을 입력하면 이를 변수로 받아 다른 페이지에 출력하는 과정을 해보려고 합니다. 0. index.html에서 Icon Bar 수정 Icon을 다음과 같이 바꿔주고, url_for() 를 통해 링크를 넣어줍니다. 아래 부분을 다음과 같이 수정해줍니다. Flask 예시 - 코딩무민 Home Logi..

[Flask] 파이썬으로 웹페이지 만들기 (1) 환경설정 및 기본 페이지 구성 [Flask] 파이썬으로 웹페이지 만들기 (2) Bootstrap 연동하기 [Flask] 파이썬으로 웹페이지 만들기 (3) URL Building(url_for) [Flask] 파이썬으로 웹페이지 만들기 (4) 페이지 로그인 기능 만들기( 값 입력 및 출력) [Flask] 파이썬으로 웹페이지 만들기 (5) 이미지 삽입하기 지금까지 페이지를 만들고, Bootstrap Starter Template으로 웹을 꾸며보았습니다. 결과 예시 이제 위의 icon을 누르면 starter-template이 아닌 위 페이지가 뜨도록 바꾸어봅시다. 1. url_for을 사용하는 이유 url_for을 사용하면, 기본 주소가 바뀌더라도 이를 rout..

[Flask] 파이썬으로 웹페이지 만들기 (1) 환경설정 및 기본 페이지 구성 [Flask] 파이썬으로 웹페이지 만들기 (2) Bootstrap 연동하기 [Flask] 파이썬으로 웹페이지 만들기 (3) URL Building(url_for) [Flask] 파이썬으로 웹페이지 만들기 (4) 페이지 로그인 기능 만들기( 값 입력 및 출력) [Flask] 파이썬으로 웹페이지 만들기 (5) 이미지 삽입하기 * Bootstrap을 통해 쉽게 웹 템플릿을 구현할 수 있습니다. 1. Bootstrap다운로드 bootstrapk.com/getting-started 시작하기 · 부트스트랩 부트스트랩은 프레임워크와 함께 일하기 위해 편리한 방법으로 빌드시스템으로 Grunt 를 사용합니다. 그것은 우리의 코드를 컴파일하고,..

[Flask] 파이썬으로 웹페이지 만들기 (1) 환경설정 및 기본 페이지 구성 [Flask] 파이썬으로 웹페이지 만들기 (2) Bootstrap 연동하기 [Flask] 파이썬으로 웹페이지 만들기 (3) URL Building(url_for) [Flask] 파이썬으로 웹페이지 만들기 (4) 페이지 로그인 기능 만들기( 값 입력 및 출력) [Flask] 파이썬으로 웹페이지 만들기 (5) 이미지 삽입하기 0. 환경설정 (1) 개발 디렉토리 설정 [Project Name] └ [app] └ [static] └ 자바스크립트, CSS, 이미지 등... └ [templates] └ HTML 파일들(폴더별로 정리 가능) └ run.py 새로운 폴더를 만들어 다음과 같이 디렉토리를 설정해주시면 됩니다. - [Projec..