![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bOQz5p/btqEa1gFxBR/BCFwuZ3v9hMomhRvUR1GPK/img.png)
git 으로 소스 관리하고 github 에 소스를 올려 봤습니다. 이제 github에 있는 소스를 로컬(내PC)에 다운 받아서 Flask 개발환경을 맞추고 실행까지 시켜 봅시다.두 가지 방법으로 진행합니다. 첫 번째는 CMD에서 github에 있는 소스 다운 두 번째는 vscode에서 진행. 먼저 로컬PC에는 파이썬 개발 환경이 구축이 되어 있는 상태에서 소스를 다운 받을 위치에서 CMD(명령창)을 엽니다.필자는 python\web 이라는 폴더에 다운을 받을 예정입니다. 소스를 다운 받을 github의 링크가 필요합니다.잘 올라 가있네요. 저기서 Clone or download 초록색 버튼을 클릭해봅니다. 그러면 아래 링크가 나오는데 옆에 클립보드 버튼을 클릭을 하면 주소가 복사가 됩니다.다시 CMD 창..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/byW22o/btqEh7nlOuc/Kojw0dd5JZKFbqoMen1cw1/img.png)
이전 글에서 sqlite를 이용해서 간단하게 db 사용법에 대해 알아봤습니다. 데이터베이스 시스템이 변경되는 상황이 발생하게 되면 쿼리나 소스를 변경해야 합니다. 유지보수가 상당히 힘들어집니다.그리고 개발자 입장에서 SQL이 어렵게 느껴질 수도 있습니다. 프로그래밍으로 객체를 만들어 데이터베이스를 관리를 할 수 있는 방법이 있으면 개발에만 집중을 할 수 있겠죠.그래서 ORM(Object Relaition Mapping), ORM(Object Relaition Model)이라고 하는 개념이 나왔습니다.ORM 용어를 굳이 풀이를 하면 Object(객체)는 객체 지향 프로그래밍(OOP)에서 그 객체를 뜻하고 Relaition(관계)는 관계형 데이터베이스 관리 시스템(RDBMS)에서의 그 관계를 나타 냅니다. ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cgtD4l/btqD5JmC8gf/Nz5qMspLdcW9Prca789Bn0/img.png)
이전 글에서 git과 github에 대해 알아봤습니다.[웹 앱프로그래밍] Git을 설치하고 Github에 업로드 하기이제 우리 프로젝트를 git 으로 소스 컨트롤을 하고 github에 올려 보도록 하겠습니다.먼저 해야할 일이 파이썬에서 pip로 설치한 패키지들이 있습니다. 우리가 만든 프로젝트에서 필요한 패키지들을 다운로드하여 설치를 했습니다. Flask가 대표적이겠죠. 물론 다른 외부 패키지들을 설치를 해도 마찬가집니다. 우리 소스를 공유해서 다른 사람이나 다른 피시에서 다운받아 실행을 하려면 필요한 패키지들이 설치가 되어 있지 않으면 import 에러를 만나게 됩니다. 그럼 오류 나는 패키지들을 한땀한땀 설치를 해줘야 하는데 정말 힘들 수 있습니다. (물론 우리는 flask만 설치했기 때문에 flas..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bLZ2Fw/btqD9tqd0OH/CDDLE0wZqZMpQGlLP3zkk1/img.png)
templates 에 있는 HTML 에서 이미지를 띄워 봅니다.URL 주소가 있는 이미지는 html 태그에서 img src="http://이미지주소" 이런식으로 하면 되지만 Flask에서 우리 프로젝트 내부에 있는 이미지를 이용 하기 위해서는 이미지 저장 위치는 static 폴더(디렉토리) 안에 있어야 합니다.필자는 프로젝트 폴더(test)안에 static\img 위치에 dora.png 파일이름의 이미지를 준비 했습니다. templates 폴더 안에 myimage.html 파일을 하나 생성 해서 아래와 같이 소스를 작성 합니다.도라에몽그리고 app.py 파일에는 저 html 을 부르는 route 하나를 만듭니다.@app.route('/dora')def myimage(): return render_..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cRVuuE/btqD2vVmL4w/VZXk44USnc3nghDOaaUWU1/img.png)
Flask에서 페이지 이동에 대해 알아 봅니다. Flask 에서 페이지 이동에는 제목과 같이 redirect, url_for 등 이 있습니다.자바스크립트에서 페이지 이동시킬때 location.href='이동할 페이지' 같다라고 볼 수 있습니다. 보통 리다이렉션이라고 부릅니다. Flask 와 javascript 다른 점은 코드도 다르지만 클라이언트에서 리다이렉션이 되느냐 서버에서 리다이렉션이 되느냐의 차이로 볼 수 있습니다.먼저 자바스크립트 location.href 로 리다이렉션을 시켜 봅시다.templates 폴더 안에 naver.html 이라는 파일을 생성 하고 아래 코드를 입력 합니다.app.py 파일에 app.route 를 하나 추가 합니다.@app.route('/naver')def naver():..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/chb9VK/btqDVV9gsyc/nykIZzQAez1Z6KOKLoaZP1/img.png)
이전 글에서 우리는 HTTP request 와 method 에 대해서 알아 봤습니다. app.route에서 URL을 전달 받고 method를 받아 처리 했습니다. URL에 대해 조금 더 알아 보도록 하겠습니다. route 에서 URL을 전달 받을 때 /test 와 /test/ 는 다릅니다. 아래 예제를 보시죠.@app.route('/test')def test1(): return 'test1'@app.route('/test/')def test2(): return 'test2'위와 같이 만들고 웹브라우저에서 요청을 이렇게 다르다는 것을 알 수 있습니다.URL의 끝에 붙이는 / 를 트레일링 슬래시(Trailing Slash)라고 합니다. 리눅스를 배웠다면 끝에 / 가 붙는 것은 디렉토리이고 / 가 ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/c3cZCN/btqD1pO7xd1/KbXGidS1pjvtFFlL6cPQQK/img.png)
이전 글에서 Request 를 살펴 봤는데 Flask 에서 URL요청시 변수를 전달 할 수 있습니다.으로 URL에 표시하고 app.route 와 연결된 함수의 파라미터(인수)로 전달이 됩니다.타입을 지정 해야 한다면 variable_name> 으로 표시를 하면 됩니다.convert 에 들어갈 타입은 아래와 같습니다.string(default) accepts any text without a slashintaccepts positive integersfloataccepts positive floating point valuespathlike string but also accepts slashesuuidaccepts UUID strings 아래는 예제 입니다./hello/이름 이라고 요청하면 웹브라우저에 ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/eic1As/btqDPYR9Mgy/qCzDVsyGWimoLM1vrdfvpk/img.png)
Request를 배웠으니 이제 html 에서 사용자가 입력한 데이터를 전송 해서 Flask로 받아서 처리 해야 됩니다.GET 이냐 POST냐 구분 까지 했고 html 에서 전달된 데이터를 Flask 에서 어떻게 처리 하는지 알아 봅시다.보통 웹에서 이런 처리를 Request get parameter 라고 부릅니다. 이전 글에서 GET 과 POST 방식에 대해 알아보고 요청까지 했습니다.2020/05/02 - [KIT] - [웹 앱프로그래밍] 파이썬 플라스크(Python Flask) 디렉토리(폴더) 구성 [웹 앱프로그래밍] 파이썬 플라스크(Python Flask) 디렉토리(폴더) 구성이 전 글에서 마지막 부분에 html 폼을 만들어 GET POST 테스트를 해봤습니다. 2020/05/01 - [KIT] -..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/kSuBP/btqDPYqKhI1/b96qzegWWHvXKNuoBP9gg0/img.png)
이 전 글에서 마지막 부분에 html 폼을 만들어 GET POST 테스트를 해봤습니다.2020/05/01 - [KIT] - [웹 앱프로그래밍] 파이썬 플라스크(Python Flask) 기본 구조와 HTTP Request [웹 앱프로그래밍] 파이썬 플라스크(Python Flask) 기본 구조와 HTTP Request지난 글에서 파이썬 플라스크로 설치 하고 웹브라우저에 hello world 접속 까지 했었습니다. 2020/04/24 - [KIT] - [웹 앱프로그래밍] 파이썬 플라스크(Python Flask) 설치 및 웹 애플리케이션(Web Application)..wings2pc.tistory.com근데 그냥 외부에서 html 파일을 만들고 브라우저로 실행을 시켰는데 이제 이 HTML 파일을 Flask 앱..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/TbCFc/btqDPK0qavW/XQY7io3EPnUOvJPjPz6Kh0/img.png)
지난 글에서 파이썬 플라스크로 설치 하고 웹브라우저에 hello world 접속 까지 했었습니다.2020/04/24 - [KIT] - [웹 앱프로그래밍] 파이썬 플라스크(Python Flask) 설치 및 웹 애플리케이션(Web Application) 시작 [웹 앱프로그래밍] 파이썬 플라스크(Python Flask) 설치 및 웹 애플리케이션(Web Application) 시작이번 포스팅은 파이썬 웹프레임워크인 플라스크 패키지 를 설치 하고 웹 애플리케이션을 실행시켜 웹 페이지에 접속을 하는 구현을 해봅니다. 먼저 플라스크를 설치를 해야 됩니다. 우리는 이미 파이썬 설치와 가..wings2pc.tistory.comfrom flask import Flaskapp = Flask(__name__)@app.rout..
- Total
- Today
- Yesterday
- mysql
- 오라클
- Cloud
- 플라스크
- python
- github
- docker
- 클라우드
- 자바스크립트
- Hello World
- 웹앱프로그래밍
- oracle
- GIT
- DB
- pythonanywhere
- 도커
- 부트스트랩
- GCP
- HTML
- Visual Studio
- 리눅스
- 파이썬
- Java
- 웹앱
- nginx
- 웹앱 프로그래밍
- javascript
- 자바
- WEB
- flask
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |