Today I Learned

TIL1006

개발자 김혜린 2021. 10. 6. 18:50

 

동적 웹페이지의 종류

  • Client-side rendering (CSR) : 자바스크립트에 데이터를 포함해서 보낸 후, 클라이언트 쪽에서 HTML을 완성하는 방법
  • Server-side rendering (SSR) : 서버 쪽에서 템플릿 HTML에 데이터를 끼워넣어 완성된 형태의 HTML을 보내주는 방법

플라스크에서 SSR을 사용하는 방법 -> Jinja!

'템플릿'이 되는 HTML 문서에 데이터가 들어갈 곳을 표시해놓는 역할

 

API 키

Open API라도 너무 많은 요청을 보내는 등의 악용을 방지하기 위해, API 키를 배부 받아 요청 시에 같이 보내줌

1) 플라스크 서버에서 API로 요청을 보낼 때, 2) 클라이언트에서 API로 요청을 보낼 때

 

페이지끼리 서로 연결하기

-index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>메인 페이지</h1>
<a href="/detail">상세 페이지로 가기</a>
</body>
</html>

-detail.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>상세 페이지</h1>
<button onclick="window.location.href='/'">메인으로 돌아가기</button>
</body>
</html>

 

진자로 서버에서 클라이언트로 값 넘겨주기

-app.py

@app.route('/')
def main():
    myname="Sparta"
    return render_template("index.html",name=myname)

-index.html

<h3>{{name}}아 안녕!</h3>