메뉴 건너뛰기

2023.01.31 15:35

form 태그

조회 수 75 댓글 1

127쪽에 나오는 form name이 이해가 잘 안됩니다.

 <form name="sform"

 action="http://search.naver.com/search.naver"

 method="get">

<input name="query" type="text">

<input type="submit" value="검색">

</form>
 

첫번째줄 <form name="sform"

5번째줄 <input name="query"이걸로 정해진 이유가 있나요?

<input name="query"일때 검색창에 검색하면
https://search.naver.com/search.naver?query=elvis 빨강 부분이 바뀐다는 것은 알겠습니다. 하지만 query말고 만약 다른 걸로 지정한다면 차이점이 궁금합니다
 

?
  • ?
    관리자 2023.02.01 00:02

    이 질문은 웹 서버와 HTTP 통신 프로토콜에 대한 충분한 지식이 있어야 이해할 수 있는 부분입니다.
    책에서는 자세히 설명하려는 의도보다는 <form> 태그를 설명하지 않을 수 없어서 전반적으로 소개하려는 의도입니다.
    강의하시는 교수님이 있다는 그 분이 자세히 설명해주기를 바랍니다.
    일단 질문이 왔으니, 간단히 답을 드립니다.

    우선 네이버에서 만든 웹 페이지에 등장하니, 그것을 기준으로 설명합니다.
    첫번째줄 <form name="sform"
    -> sform 이란 이름은 중요하지 않은 이름입니다. 이 이름은 네이버 개발자가 붙인 것으로 웹페이지의 다른 코드에서 이 폼을 인식하기 위해 사용하는 용도입니다.
    5번째줄 <input name="query"
    -> 웹서버에서 사용자가 입력한 검색 단어를 전달받기 위해, 웹페이지 개발자가 만들어 놓은 이름입니다. 여기서 웹 서버 프로그램은 search.naver 입니다.
        웹브라우저 사용자가 검색 창(name이 query인)에 elvis 단어를 입력하고 검색 버튼을 누르면, sform의 폼은 자동으로 다음 문장을 만들어 냅니다.
        https://search.naver.com/search.naver?query=elvis ....
       그리고 웹 브라우저는 이 문장에 따라 search.naver.com 컴퓨터에 접속하고 search.naver 프로그램의 실행을 요청합니다.

       그리고 이 프로그램의 파라미터로 query=elvis 를 전달합니다.
       이미 서버에 작성해놓은 search.naver 프로그램은 웹브라우저로부터 받은 파라미터에서 query를 찾고 이곳에 연결된 elvis를 발견합니다. 그리고 elvis 를 검색하고 그 결과를 웹브라우저로 보냅니다.
       이 검색 웹페이지를 만든 사람과 search.naver 프로그램을 만든 사람이 동일합니다(아닐수도 있지만).

      이렇게 query는 웹 페이지와 서버 프로그램에서 계획되어 만들어진 이름입니다.

    질문하신 분이 <input name="query"를 임의로 <input name="qqqq" 와 같이 바꿀 수 없습니다. 이 웹페이지를 네이버에 있으니까요.
    만일 네이버에서 어떤 사람이 search.naver 프로그램은 그대로 두고, 이 웹 페이지만 바꾸어 <input name="qqqq" 처럼 수정해두었다면
    search.naver 프로그램이 찾는 query 가 없기 때문에 서버에서 검색이 진행되지 않습니다.

    혹시 질문하신분이 웹브라우저의 URL 부분에 다음과 같이
    https://search.naver.com/search.naver?qqqq=elvis...
    로 입력한다고 해도, 서버에서 실행되는 search.naver 프로그램이 query를 찾기 때문에 검색이 일어나지 않습니다.

    이 질문을 이해하려면 웹서버와 웹프로토콜에 대한 충분한 학습이 되어 있어야 합니다.
    이상, 저도 이 지면으로 설명하는 것에 한계가 있는 것 같습니다.


QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.21 18177
402 책을 종이책으로 구매했는데 1 ddd 2024.03.21 23
401 저기 황기태 저자님 1 방문자 2024.02.10 83
400 428p 예제 9-21 키이벤트 응용 질문이 있습니다. 3 아인슈페너 2023.11.24 62
399 연습문제 3장 5번 문제 1 seungjun 2023.10.26 92
398 2장 오픈챌린 cmc 2023.09.17 128
397 웹서버소프트웨어 1 file park 2023.04.15 188
396 Sublime Text, VS code IDE설명 update바랍니다 1 삼오칠 2023.04.15 77
395 Atom은 IDE 리스트에서 삭제해주세요. 1 삼오칠 2023.04.15 72
394 예제 2-25 <video>태그로 비디오 삽입 2 file 코딩어렵다 2023.04.13 74
393 예제 2-22 2개의 인라인 프레임을 가진 웹 페이지(91p) 2 file 코딩어렵다 2023.04.12 45
392 비정형 표 만들기 다운로드 1 애치 2023.04.04 78
391 오픈챌린지 5 file ab 2023.02.17 146
390 오픈챌린지 1 ab 2023.02.16 118
» form 태그 1 열공이 2023.01.31 75
388 예제 2-21 질문입니다. 1 file 열공이 2022.12.23 81
387 계산기 문제 변형 문의 file Mikael 2022.12.13 47
386 6장 이론문제 9번 지역,전역,블록변수 질문이요. 문신 2022.12.10 51
385 2장 이론 문제 답 문의 MIKAEL 2022.12.09 214
384 2장 이론문제 4번 답 문의 MIKAEL 2022.12.09 57
383 1장 10번 문제 답 문의 MIKAEL 2022.12.07 56
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로