HTML로 웹 문서를 작성하면 클라이언트에서 실행되는 웹 브라우저 서버의 정보를 일방적으로 받아들이는 단방향 통신으로 동작한다. 사용자가 입력하는 정보를 처리하려면 CGI(Common Gateway Interface)기능이 필요하다.
CGI는 새로운 언어의 개념이 아니다. C, C++, Shell, Perl 등과 같은 언어로 작성되어 서버에서 실행되는 프로그램이다.
HTML 문서에서 사용자의 입력을 서버로 전달하는 기능은 <FROM>태그를 이용해 구현된다.
<FROM>태그 속성
| 속성 | 설명 |
| ACTION | 사용자의 입력 데이터를 처리할 CGI 프로그램의 URL 주소 지정 |
| METHOD | 사용자 데이터를 넘겨주는 방식 지정 - GET 방식: 데이터를 프로그램 환경 변수로 넘김 - POST 방식: 표준 입력 사용 |
| ENCTYPE | 데이터 형식 지정 |
웹 브라우저 화면에 사용자 정보의 입력 형식을 표시할 때는 <INPUT>태그를 이용한다.
| 속성 | 설명 |
| text | 텍스트 입력 |
| password | 암호 입력 |
| checkbox | 체크 박스 |
| radio | 라디오 버튼 |
| submit | 입력 데이터 전송 |
| reset | 입력 데이터 취소 |
사용자에게 네 가지 정보를 입력받는 HTML 문서의 예시이다. 학과 정보의 기본 값은 컴퓨터 학과이고, 승인과 취소 버튼을 제공한다.
<INPUT> 태그의 사용 예시
<HTML>
<HEAD><TITLE>INPUT 태그</TITLE></HEAD>
<BODY>
<H1>정보 입력</H1>
<FROM action="test.cgi">
이름:<INPUT type="text" name="name" size=10> <BR>
암호:<INPUT type="password" name="passwd" size=10> <BR>
전화:<INPUT type="text" name="tel" size=15> <BR>
학과:<INPUT type="text" name="dept" size=20 value="컴퓨터학과"> <BR>
<BR><BR>
<INPUT type="submit" value="승인">
<INPUT type="reset" value="취소">
</FROM>
</BODY>
</HTML>입력 데이터의 처리는 HTTP 서버의 test.cgi 프로그램이 수행한다고 가정하여, 실행 화면에서 <승인> 버튼을 클릭하면 사용자가 입력한 데이터가 test.cgi 프로그램에 전달되어 처리된다.
test,.cgi와 같은 CGOI프로그램을 작성할 때는 C, C++등의 범용 프로그래밍 언어 뿐 아니라, 유닉스 셸 스크립트, 펄과 같은 스크립트 언어를 사용할 수 도 있다.
특히 자바 스크립트는 외형적인 문법 구조가 자바 형식을 기반으로 한 객체지향 스크립트로, 동적인 HTML 문서를 작성하는데 많이 사용된다.
Reference
쉽게 배우는 데이터 통신과 컴퓨터 네트워크
https://soso-hyeon.tistory.com/111
[쉽게 배우는 데이터 통신과 네트워크] CH13. 웹(WWW)
01 웹 서비스1 클라이언트-서버 모델클라이언트가 웹 서버를 지칭할 때 사용하는 주소를 URL이라 한다.HTTP는 클라이언트의 요청과 서버의 응답 정보를 전송하기 위한 목적으로 구현된 프로토콜이
soso-hyeon.tistory.com
'CS > Network' 카테고리의 다른 글
| [Chapter 14] DNS (도메인 네임 스페이스) (0) | 2025.02.18 |
|---|---|
| [Chapter 14] DNS (DNS 서비스) (0) | 2025.02.18 |
| [Chapter 13] 웹 WWW(HTTP) (0) | 2025.02.18 |
| [Chapter 13] 웹 WWW(HTML) (0) | 2025.02.18 |
| [Chapter 12] 소켓을 이용한 네트워크 프로그래밍 (서버-클라이언트 프로그래밍) (0) | 2025.02.17 |