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말고 만약 다른 걸로 지정한다면 차이점이 궁금합니다
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 공지 |
읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다.
|
관리자 | 2017.06.20 | 18277 |
| 402 |
span과 text-align : center; 에 관한 문제입니다.
|
승 | 2019.10.15 | 279546 |
| 401 | 11장 6번 | 으엉 | 2019.11.27 | 187595 |
| 400 | placeholder속성 1 | khl | 2017.04.08 | 85722 |
| 399 | 11장 6번 1 | mj | 2018.11.29 | 67543 |
| 398 | 실습문제 8-2 (3) | 13412 | 2018.11.08 | 15218 |
| 397 | 웹 프로그래밍 책 답안지 1 | mumu | 2017.03.06 | 14075 |
| 396 | 살다 살다 답을 반쪽만 주는 책은 처음입니다 1 | 음음 | 2019.01.24 | 8847 |
| 395 | Open Challenge 와 실습문제 자료 2 | 김원상 | 2017.04.29 | 7446 |
| 394 | 14장 예제 사라진 건가요 1 | ... | 2021.03.09 | 4077 |
| 393 | localhost 관련 문의 3 | 소년정 | 2018.02.20 | 4036 |
| 392 |
페이지 247 에 있는 Open Challenge 05 의 CSS3로 태그 배치하기를 공부하고 있는데 질문드립니다.
1
|
워니고 | 2018.03.28 | 3875 |
| 391 | ㅠㅠ..질문좀 드리겠습니다.. 1 | 은성 | 2017.04.18 | 3835 |
| 390 | 연습문제 답안지 2 | vdncnck | 2017.03.28 | 3264 |
| 389 | 짝수번 정답 3 | idididid | 2017.12.24 | 3133 |
| 388 | 8장 연습문제 실습문제 4장 2 | student | 2017.05.08 | 2870 |
| 387 | 10장 오픈챌린지 5 | 은성 | 2017.04.07 | 2247 |
| 386 | open challenge 05 2 | hardworking | 2017.03.29 | 2224 |
| 385 | 5장 연습문제 홀수 번 질문 1 | 채XX | 2019.06.17 | 1997 |
| 384 | HTML을 열심히 공부중인 학생입니다 3 | 열심히 하자 | 2018.05.30 | 1962 |
이 질문은 웹 서버와 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를 찾기 때문에 검색이 일어나지 않습니다.
이 질문을 이해하려면 웹서버와 웹프로토콜에 대한 충분한 학습이 되어 있어야 합니다.
이상, 저도 이 지면으로 설명하는 것에 한계가 있는 것 같습니다.