HTML Form이란 웹브라우저에서 입력한 값을 서버에 전송시키는 것.

오늘 배울것은 데이터를 어디로(action) 어떤 방식(method)를 이용해서 보낼지 결정하는 법이다.

1. 입력 + 보낼준비

method를 비워놓으면 자동으로 GET으로 설정되고,
action을 비워놓으면 데이터가 자기 자신에게 가게 됨

label의 for와 input의 id는 통일시켜야함.
그래야 label을 눌러도 input이 선택됨

button의 type는 submit으로 해야 제출됨.

input에서 name은 핵심 속성임.
name으로 서버에 데이터를 전달하고, name을 보고 데이터를 판단하기 때문

데이터 입력하고 전송하게 되면, url에 ?의 뒤부터를 쿼리스트링이라 하는데, 그게 생길거임.
*쿼리스트링: 데이터를 URL주소에 포함시켜 전송하는 방식

name속성의 값이 key가 되고, 사용자가 입력한 값이 value가 되어 전송

이 데이터를 이제 다른 페이지로 옮기려면,
form에서 action을 설정해주면 됨.

2. 데이터 보내기

이렇게 하면 catch의 url에 쿼리스트링이 옮겨지는것까지 완료
이제 catch페이지에 데이터를 나타내보자

한줄로 정리해보자면,
View에서 정리하고 context에 넣어서 던져주면 됨

View에서 데이터 받아 context에 넣기

request.GET.get("message")에 message는 name속성임.

요약: name속성으로 데이터 채고 변수로 잡아서, context에 넣기.

def data_catch(request):
		message = request.GET.get("message")
		context = {
				"data" : message,
		}
		return render(request, "data_catch.html", context)

HTML파일 수정

View에서 context에 값 넣었으니
{{ 변수 }}형식으로 쓰면 됨.

{% extends 'base.html' %}

{% block content %}
		<h1>Data Catch</h1>
		
		<div>
				<h2>Current Data</h2>
				<p>Current data is: {{ data }}</p>
		</div>
		
{% endblock content %}

+@

<a>태그를 이용하면 페이지끼리 연결 시킬 수 있음

<a href="/data-throw/">다시 데이터 보내러가기</a>