[250106] HTML 폼(Form), 쿼리스트링(Query String), 그리고 Get

HTML 폼(HTML Form) 이란? 🫧

1. HTML 폼 정의

• 사용자가 데이터를 입력하고 서버로 전달하기 위해 사용하는 웹 페이지의 기본 구조이다
• django 에서 폼은 클라이언트와 서버 간 데이터 교환의 핵심 역할을 함

---

2. 기본 구조

<form method="GET" action="/search/">
    <input type="text" name="query" placeholder="검색어 입력">
    <button type="submit">검색</button>
</form>

주요 속성

• `method` : 데이터를 서버로 전달하는 HTTP 메서드(`GET` 또는 `POST`)
• `GET` : URL에 데이터를 쿼리스트링으로 포함하여 전달함
• `POST` : 데이터를 요청 본문(body)에 포함하여 전달한다
• `action` : 데이터를 보낼 URL(기본 값은 현재 페이지임)

Django 와의 연동

1. HTML 템플릿
   • 위와 같은 폼을 작성하여 사용자로부터 입력 데이터를 받는다
2. 뷰 처리(views.py)

def search(request):
    query = request.GET.get('query', '')  # 쿼리스트링에서 'query' 값을 가져옴
    return HttpResponse(f"검색어: {query}")

---

쿼리스트링(Query String) 이란? 🗣️

1. 쿼리스트링 정의

• 쿼리스트링은 URL의 끝에 붙는 키-값 쌍의 집합으로, 서버에 데이터를 전달하는 방식 중 하나이다
• 형식: `?key1-value1&key2=value2`

특징

• 주로 GET 방식에서 사용함
• URL의 일부로 포함이 되어있어 가시성이 높음
• 데이터 크기에 제한이 있으므로 대량의 데이터를 전달하는 데에는 부적합함

예제

• URL

/search/?query=django&page=2

• 뷰 처리

def search(request):
    query = request.GET.get('query', '')  # 'django'
    page = request.GET.get('page', 1)    # 2
    return HttpResponse(f"Query: {query}, Page: {page}")

---

GET 방식이란? 👩🏻‍🌾

1. GET 방식 정의

• `GET` 은 HTTP 의 요청 메서드 중 하나로, 서버에서 데이터를 가져오기 위해 사용된다
• 폼을 통해 데이터를 전달할 때 쿼리스트링을 통해 데이터가 전송된다

특징

• 데이터를 URL에 노출시킴
• 브라우저에서 북마크가 가능하다
• 캐싱이 가능함
• 데이터에 크기 제한이 있다
  • 보통 최대 2KB ~ 8KB
• 보안에 취약함
  • 민감한 데이터를 다뤄야할 때에는 적합하지 않음

Django 에서 GET 방식 폼 처리

• HTML 폼

<form method="GET" action="/search/">
    <input type="text" name="query" placeholder="검색어">
    <input type="number" name="page" value="1">
    <button type="submit">검색</button>
</form>

• 뷰 처리

def search(request):
    query = request.GET.get('query', '기본 검색어')  # 'query' 값
    page = request.GET.get('page', 1)  # 페이지 값, 기본값은 1
    return HttpResponse(f"검색어: {query}, 페이지: {page}")

• 전송된 URL 예시

/search/?query=python&page=2

---

2. GET 방식과 POST 방식 비교

특징	GET	POST
데이터 위치	URL(쿼리스트링)	HTTP 요청 본문
데이터 크기	제한 있음(보통 2KB ~ 8KB)	제한 없음
보안성	낮음(데이터가 URL에 노출)	상대적으로 높음
캐싱	가능	불가능
사용 예시	검색, 페이지 네비게이션 등•••	로그인, 데이터 등록/수정 등•••

---

정리 🧹

• HTML 폼은 사용자 입력 데이터를 서버로 전달하는 기본 도구이다
• 쿼리스트링은 GET 요청을 통해 데이터를 전달할 때 URL에 추가되는 데이터 표현 방식이다
• GET 방식은 데이터를 가져오는 요청에서 주로 사용되며, URL을 통해 데이터를 전달하므로 가볍고 단순한 작업에 적합하다

 

아 그렇구나~~