deeprun

FLASK 웹 사이트 만들기 2

FLASK 웹 사이트 만들기 2

1. notion 접속

https://www.notion.so/

2. 새 페이지 생성 후 html 포맷 입력 → 우측 상단 ... 클릭 → Export 클릭

3. Export format - HTML → Export 버튼 마우스로 클릭

4. 임의의 경로에 폴더 생성하여 압축 풀기

5. hello로 html 파일 이름 변경

6. html 편집기 다운로드

https://atom.io/

https://notepad-plus-plus.org/downloads/

※ 그냥 구름 IDE 이용해도 됨

https://ide.goorm.io/

7. 전체선택 Ctrl + A → 복사 Ctrl + C

8. 구름 IDE → 프로젝트 hello.html에 전체 복사 → 맨 끝에 코드에 <a> 태그 추가하여 수정 → Ctrl + S로 저장

<a href="/apply">집 등록하기</a>
<a href="/list">등록한 집 목록보기</a>

9. Notion에서 페이지 추가 1

10. Notion에서 페이지 추가 2

11. 집 등록하기 & 리스트 보여주기 Export

12. Export format - HTML → Export 버튼 마우스로 클릭

13. 임의의 경로에 생성한 폴더에 압축 풀기

14. list.html / apply.html로 html 파일 이름 변경

15. html 편집기에서 (list.html / apply.html로 html)을 각각 열어서 전체선택 Ctrl + A → 복사 Ctrl + C

16. 구름 IDE에 동일한 이름의 html 파일 생성하여 전체 복사한 html 코드 붙여넣기

 출처

* FLASK 이미지 : https://ko.wikipedia.org/wiki/%ED%94%8C%EB%9D%BC%EC%8A%A4%ED%81%AC_(%EC%9B%B9_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC)

클론코딩 강의  : https://www.youtube.com/watch?v=EPN_NAQsk7M&list=PLqIc89sXpwUBmr0Z282fm9JurDDYBE55r&index=3 

FLASK 웹 사이트 만들기 1

FLASK 웹 사이트 만들기 1

1. 구름 IDE 접속

https://ide.goorm.io/

2. 컨테이너 생성

Name : BUILD
Description : house build Web Site
Region : Seoul(KOR)
Visibility : Private
Template : Default Template
Deployment : Not used
Stack : Flask

3. 컨테이너 생성 완료 화면 → Run Container 버튼 마우스로 클릭

4. PROJECT → Running URL and Port

5. Propety → Running URL and Port → Port 80 Delete

6. URL & PORT 입력 후 Register 버튼 마우스로 클릭

URL : https:// housetest
PORT : 5000

7. application.py default code

from flask import Flask
import sys
application = Flask(__name__)
 
 
@application.route("/")
def hello():
    return "Hello goorm!"
 
 
if __name__ == "__main__":
    application.run(host='0.0.0.0', port=int(sys.argv[1]))

8. templates 폴더 생성 → hello.html 생성

<h1>
    hello
</h1>

9. application.py update code

from flask import Flask, render_template
import sys
application = Flask(__name__)
 
 
@application.route("/")
def hello():
    return render_template("hello.html")
 
 
if __name__ == "__main__":
    application.run(host='0.0.0.0')

10. TERMINAL → python3 application.py 실행 확인

* local일 경우 - http://0.0.0.0:5000/ 링크 클릭
* goorm IDE일 경우 - 11~12번 참고

11. PROJECT → Running URL and Port

12. Propety → Running URL and Port → Registed URL and Port → URL 링크 바로가기 버튼 마우스로 클릭

URL - https://housetest.run.goorm.io

13. 홈페이지 확인

 출처

* FLASK 이미지 : https://ko.wikipedia.org/wiki/%ED%94%8C%EB%9D%BC%EC%8A%A4%ED%81%AC_(%EC%9B%B9_%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC)

클론코딩 강의  : https://www.youtube.com/watch?v=hsfibrhGFiM&list=PLqIc89sXpwUBmr0Z282fm9JurDDYBE55r&index=2 

# Download the helper library from https://www.twilio.com/docs/python/install
import os
from twilio.rest import Client
 
 
# Find your Account SID and Auth Token at twilio.com/console
# and set the environment variables. See http://twil.io/secure
account_sid = os.environ['TWILIO_ACCOUNT_SID']
auth_token = os.environ['TWILIO_AUTH_TOKEN']
client = Client(account_sid, auth_token)
 
message = client.messages \
                .create(
                     body="Join Earth's mightiest heroes. Like Kevin Bacon.",
                     from_='+12542796380',
                     to='+821012341234'
                 )
 
print(message.sid)

https://www.youtube.com/watch?v=M6kQTpIqpLs 

https://www.twilio.com/docs/sms/quickstart/python

# 패키지 & 모듈
 
# 패키지 == 라이브러리
# 패키지 = 모듈 1 + 모듈 2 = 패키지는 모듈들의 합
 
# 모듈 == 코드가 들어있는 파일
# 이 코드가 모여서 어떠한 기능을 구현함
 
# animal package
# dog, cat modules
# dog, cat modules can sat "hi"
 
from animal import dog  # animal 패키지에서 dog 라는 모듈을 갖고와줘 
from animal import cat  # animal 패키지에서 cat 라는 모듈을 갖고와줘 
 
from animal import *    # animal 패키지가 갖고있는 모든 모듈을 다 불러와
 
# d = dog.Dog() # instance
# d.hi()
 
# c = cat.Cat()
# c.hi()
 
d = Dog() # instance
c = Cat()
 
d.hi()
c.hi()
 
print("=======================================")
print("=======================================")
 
 
from geopy.geocoders import Nominatim
geolocator = Nominatim(user_agent = "woonie")
# location = geolocator.geocode("175 5th Avenue NYC")
location = geolocator.geocode("Seoul, South Korea")
print(location)
print(location.address)
print(location.raw)

# animal\__init__.py
 
from .cat import Cat # . <= "이 폴더에 있는" cat.py 이라는 파일에서 Cat 이라는 클래스를 갖고와줘
from .dog import Dog # . <= "이 폴더에 있는" dog.py 이라는 파일에서 Dog 이라는 클래스를 갖고와줘

# animal\cat.py
 
class Cat:
  def hi(self):
    print("meow!!") # 고양이가 안녕하는 소리

# animal\dog.py
 
class Dog:
  def hi(self):
    print("bark!!") # 개가 안녕하는 소리

# 상속 (inheritance))
 
class Person:               # initialize(초기화)를 줄여서 init이라고 함
  def __init__(self, name, age): # __init__() 함수는 self를 첫 인자로 받고, 
                            # Person()에서 새로 쓸 변수를 설정할 수 있음
    self.name = name
    self.age = age
 
  def say_hello(self, to_name): 
    print("안녕! " + to_name + " 나는 " + self.name)  # say_hello() 함수의 self라는 인자가 하는 역할
 
  def introduce(self):
    print("내 이름은 " + self.name + " 그리고 나는 " + str(self.age) + " 살이야") 
    # age 는 숫자 타입을 가진 변수로 문자열 타입으로 캐스팅을 해줘야 함
 
class Police(Person):  # Police라는 클래스가 Person이라는 클래스를 상속한다.
  def arrest(self, to_arrest):
    print("넌 체포됐다, " + to_arrest)
 
class Programmer(Person):
  def program(self, to_program):
    print("다음엔 뭘 만들지? 아 이걸 만들어야겠다: " + to_program)
 
wonie = Person("워니", 20)
jenny = Police("제니", 21)
michael = Programmer("마이클", 22)
 
jenny.introduce()
jenny.arrest("워니")
michael.introduce()
michael.program("이메일 클라이언트")

# 클래스 - 함수랑 변수들의 합
# 오브젝트(인스턴스) - 클래스를 이용해서 만든 물체
 
# ex) 클래스 == 빵틀 / 오브젝트 == 빵
 
class Person:
  name = "워니"
 
  def say_hello(self): 
    print("안녕! 나는" + self.name)  # say_hello() 함수의 self라는 인자가 하는 역할
 
p = Person()  # p라는 오브젝트 생성
p.say_hello() # p라는 인자에서 say_hello()라는 함수를 가져옴
 
print("================")
print("================")
 
 
# name이라는 변수를 "워니"로 고정시키지 않고 오브젝트를 만들때 새로 이름 할당
 
class Person:               # initialize(초기화)를 줄여서 init이라고 함
  def __init__(self, name): # __init__() 함수는 self를 첫 인자로 받고, 
                            # Person()에서 새로 쓸 변수를 설정할 수 있음
    self.name = name
 
  def say_hello(self): 
    print("안녕! 나는" + self.name)  # say_hello() 함수의 self라는 인자가 하는 역할
 
wonie = Person("워니")      # wonie라는 오브젝트 생성
michael = Person("마이클")  # michael라는 오브젝트 생성
jenny = Person("제니")      # jenny라는 오브젝트 생성
 
wonie.say_hello()   # wonie라는 인자에서 say_hello()라는 함수를 가져옴
michael.say_hello() # michael라는 인자에서 say_hello()라는 함수를 가져옴
jenny.say_hello()   # jenny라는 인자에서 say_hello()라는 함수를 가져옴
 
print("================")
print("================")
 
class Person:               # initialize(초기화)를 줄여서 init이라고 함
  def __init__(self, name): # __init__() 함수는 self를 첫 인자로 받고, 
                            # Person()에서 새로 쓸 변수를 설정할 수 있음
    self.name = name
 
  def say_hello(self, to_name): 
    print("안녕! " + to_name + " 나는 " + self.name)  # say_hello() 함수의 self라는 인자가 하는 역할
 
wonie2 = Person("워니")      # wonie라는 오브젝트 생성
michael2 = Person("마이클")  # michael라는 오브젝트 생성
jenny2 = Person("제니")      # jenny라는 오브젝트 생성
 
wonie2.say_hello("철수")   # wonie라는 인자에서 say_hello()라는 함수를 가져옴
michael2.say_hello("영희") # michael라는 인자에서 say_hello()라는 함수를 가져옴
jenny2.say_hello("미지")   # jenny라는 인자에서 say_hello()라는 함수를 가져옴
 
print("================")
print("================")
 
class Person:               # initialize(초기화)를 줄여서 init이라고 함
  def __init__(self, name, age): # __init__() 함수는 self를 첫 인자로 받고, 
                            # Person()에서 새로 쓸 변수를 설정할 수 있음
    self.name = name
    self.age = age
 
  def say_hello(self, to_name): 
    print("안녕! " + to_name + " 나는 " + self.name)  # say_hello() 함수의 self라는 인자가 하는 역할
 
  def introduce(self):
    print("내 이름은 " + self.name + " 그리고 나는 " + str(self.age) + " 살이야") 
    # age 는 숫자 타입을 가진 변수로 문자열 타입으로 캐스팅을 해줘야 함
 
wonie3 = Person("워니", 20)      # wonie라는 오브젝트 생성
wonie3.introduce()
 
 
print("================")
print("================")

# 과일 숫자 세는 프로그램 만들기
 
fruit = ["사과", "사과", "바나나", "바나나", "딸기", "키위", "복숭아", "복숭아", "복숭아"]
 
d = {}
# d = {"사과": 1}
 
for f in fruit: # 반복문으로 fruit이라는 list에 있는 값들이 f로 하나씩 들어옴
  # f = "사과"
 
  if f in d:   # "사과" 라는 key가 d 라는 딕셔너리에 들어있어?
    d[f] = d[f] + 1 # 그럼 "사과"" 갯수를 하나 올려줘
  else: 
    d[f] = 1   # 만약 "사과"란느 애가 없으면, 그걸 딕셔너리에 넣고 value는 1로 만들어줘
 
print(d)

# 자료구조 (리스트)
 
# List(리스트) -- 엘레멘트 element  여러개를 그룹핑할 때 쓰임
 
x = list()
y = []
 
print(x)
print(y)
 
print("================")
print("================")
 
x = [1, 2,  3, 4]
y = ["hello", "world"]
z = ["hello", 1, 2, 3]
 
print(x)
print(y)
print(z)
 
print(x+y)
 
print("================")
print("================")
 
x = [1, 2, 3, 4]
#    0  1  2  3 
 
print(x[0]) # x의 0번째 자리에 있는 element를 출력해라
print(x[3])
# print(x[4]) # 리스트 크기를 넘어가서 에러가 뜸
 
x[3] = 10
print(x)
 
num_elements = len(x)
print(num_elements) # 리스트 안에 몇개 있는지 확인
 
print("================")
print("================")
 
a = [4, 2, 3, 1]
b = sorted(a)  # sorted로 리스트 정렬
print(b)
 
z = ["hello", "there"]
 
for n in x:
  print(n)
 
print("================")
print("================")
 
for c in z:
  print(c)
 
print("================")
print("================")
 
print(x.index(3)) # element 위치 찾기 // x라는 list에 3이라는 element가 어디 있냐
                  # 0 1 2 2번째 자리로 출력
 
print(z.index("hello"))              
print("hello" in y) # hello라는게 y라는 list 안에 있는지 물어봄 Trie / False
 
if "hello" in y:
  print("y라는 list에 hello가 있어요")
 
if "hello" in x:
  print("x라는 list에 hello가 있어요")
else:
  print("x라는 list에 hello가 없어요")

# 반복문 (for, while)
print("================")
print("반복문(for, while)")
print("================")
 
print("철수: 안녕 영희야 뭐해?")
print("영희: 안녕 철수야, 그냥 있어.")
 
print("================")
print("================")
print("================")
 
# for
 
for i in range(10): # for i in -  i라는 변수에 몇 번째인지 넣어라 range(10) - 10번 반복해라
# range() 함수는 마지막 숫자 범위는 포함하지 않음
  print("철수: 안녕 영희야 뭐해?")
  print("영희: 안녕 철수야, 그냥 있어.")
 
print("================")
print("for")
print("================")
 
for i in range(3):
  print(i) # 출력 결과를 보면 알 수 있듯이 프로그래밍에서 모든 숫자는 0부터 시작함
  print("철수: 안녕 영희야 뭐해?")
  print("영희: 안녕 철수야, 그냥 있어.")
 
# while
 
print("================")
print("while")
print("================")
 
i = 0
while i < 3:
  print(i)     # (1) i = 0 (2) i = 1 (3) i = 2 (4) i = 3 -> 다음 코드가 안 돌아감
  print("철수: 안녕 영희야 뭐해?")
  print("영희: 안녕 철수야, 그냥 있어.") 
  i = i + 1    # (1) i = 0 + 1 = 1 (2) i = 1 + 1 = 2 (3) i = 2 + 1 = 3
 
# for, while - break, continue
print("================")
print("while - break")
print("================")
 
i = 0 
 
while True:
  print(i)
  print("철수: 안녕 영희야 뭐해?")
  print("영희: 안녕 철수야, 그냥 있어.")
  i = i + 1
 
  if i > 2: # i가 2보다 크면 무한 루프를 끝내라
    break
 
print("================")
print("for - break")
print("================")
 
i = 0 
 
for i in range(100):
  print(i)
  print("철수: 안녕 영희야 뭐해?")
  print("영희: 안녕 철수야, 그냥 있어.")
  i = i + 1
 
  if i > 2: # i가 2보다 크면 무한 루프를 끝내라
    break
 
print("================")
print("for - continue")
print("================")
 
i = 0 
 
for i in range(3):
  print(i)
  print("철수: 안녕 영희야 뭐해?")
  print("영희: 안녕 철수야, 그냥 있어.")
  
  if i == 1: # i가 1일 때는 워니가 말을 안하게 하고 싶을 때 continue를 사용
    continue
  print("워니: 안녕 철수와 영희야!")
 
 
print("================")
print("while - continue")
print("================")
 
a = 0 
 
while a < 3:
  print(a)
  print("철수: 안녕 영희야 뭐해?")
  print("영희: 안녕 철수야, 그냥 있어.")
 
  a += 1
 
  if a == 2: # i가 2일 때는 워니가 말을 안하게 하고 싶을 때 continue를 사용
    continue
  print("워니: 안녕 철수와 영희야!")

# 함수 (Function)
 
def chat(): # definition
  print("철수 : 안녕? 넌 몇 살이니?")
  print("영희 : 나? 나는 20")
 
print("================")
print("함수 (Function)")
print("================")
 
chat()
chat()
chat()
chat()
 
print("================")
print("================")
print("================")
 
def chat2(name1, name2, age):
  print("%s : 안녕? 넌 몇 살이니?" % name1) # %s 문자열(String)
  print("%s : 나? 나는 %d" % (name2, age)) # %d 정수(integer)
 
chat2("알렉스", "윤하", 10)
chat2("철수", "영희", 30)
 
print("================")
print("================")
print("================")
 
# a = 1
# b = 2
# c = a + b
 
# x = 1
# y = 2
# z = x + y
 
def dsum(a, b): # 인자를 a, b로 받음
  result = a + b
  return result # result라는 변수를 return 시킴 // 
  # function을 실행 시키면 result라는 변수를 반환 & 호출해줘라
 
d = dsum(1, 2)
print(d)
 
d = dsum(2, 4)
print(d)

print("================")
print("======복습======")
print("================")
 
# 복습
# 먼저 이름과 나이를 받아라
# 나이가 10살 미만이면 "안녕" 이라고 말해라
# 나이가 10살에서 20살 사이면 "안녕하세요" 라고 말해라
# 그 외에는 "안녕하십니까" 라고 말해라
 
def sayHello(name, age):
  if age < 10:
    print("안녕, " + name)
  elif age <= 20 and age >= 10:
    print("안녕하세요, " + name)
  else:
    print("안녕하십니까, " + name)
 
sayHello("워니", 9)
sayHello("워니", 40)
sayHello("알렉스", 10)
sayHello("윤하", 20)

# 조건문 (If Else))
 
if 2 > 1 :     # 2가 1보다 크면 Hello 출력
  print("Hello")
 
if not 1 > 2 : # 1이 2보다 크지 않으면 Hello 출력
  print("Hello")
 
 
if not 1 > 0 and 2 > 1 : # 1이 0보다 크고 2가 1보다 크면 Hello 출력
  print("Hello")
 
if not 0 > 0 and 2 > 1 : # 0이 0보다 크거나 또는 2가 1보다 크면 Hello 출력
  print("Hello")
 
x = 3
if x > 2 :               # x가 2보다 크면 Hello 출력
  print("Hello") 
 
 
if x > 5 :               # x가 5보다 크면 Hello 출력
  print("Hello") 
else :                   # 그게 아니면  Hi 출력
  print("Hi") 
 
 
if x > 5 :               # x가 5보다 크면 Hello 출력
  print("Hello") 
elif x == 3 :            # x가 3이면 Bye 출력
  print("Bye") 
else :                   # 그게 아니면  Hi 출력
  print("Hi")

# 변수
print("===============")
print("변수")
print("===============")
x = 1
y = 2
 
print(x)
print(y)
 
z = "안녕"
print(z)
 
# 타입(Type)
print("===============")
print("타입 (Type)")
print("===============")
 
# 숫자
print("===============")
print("숫자")
print("===============")
 
x = 1
y = 1
z = 1.2
 
print(x + y)
print(x - y)
print(x * y)
print(x % y)
print(x ** y)
 
 
# 문자열
print("===============")
print("문자열")
print("===============")
 
x = "hello"
y = 'bye'
 
print(x)
print(y)
 
z = """
안녕하세요
딥런입니다
"""
print(z)
 
print("안녕" + " " + "잘 지내니")
print("너 혹시 몇 살이니? " + str(4))
 
x = 4 # 숫자 타입
y = "4" # 문자열 타입
 
print(str(x) + y)
print(x + int(y))
 
# boolean : 불리안 (True / False))
# 어떤 조건이 참이면 무엇을 해라
# 어떤 조건이 거짓이면 무엇을 해라
 
print("===============")
print("boolean : 불리안")
print("===============")
 
x = True
y = False
 
print(x)
print(y)