3월14일 내용정리
1.GET 과 POST의 차이
HTTP는 웹상에서 클라이언트와 서버 간에 요청/응답으로 데이터를 주고 받을 수 있는 프로토콜임.클라이언트가 HTTP 프로토콜을 통해 서버에게 요청을 보내면 서버는 요청에 맞는 응답을 클라이언트에게 전송함.
HTTP 메소드 중 GET과 POST가 있음.
get:주소표시줄에 쭈~~욱 나오는 형태, 북마크나 뒤로나 앞으로가기가 자유롭다.용량이 작은것만 가능 하며, 주소표시줄에 나오기 때문에 보완관련데이터에는 적합하지 않다.
post:주소표시줄에 표시되지 않기 때문에 보완관련데이터에는 적합하다.
<!--html은 가입양식만 만듬, 클라이언트에서 처리함-->
<!--서버사이드스크립트(php,jsp,asp) 회원가입시 html은 가입양식 작성후-->
<!--서버에 자료를 넘겨주고 체크(자료가 있는지 철자가 맞는지 체크해주는) 하는역할을 해주는 프로그램 -->
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>폼양식</title>
</head>
<body>
<h1>회원가입 양식</h1>
<!--action="서버쪽에서 처리할 파일명", method 는 자료를 전달 하는 방법-->
<!--get(주소표시줄에 쭈~~욱 나오는 형태, 북마크나 뒤로나 앞으로가기 자유로움,용량이 작은것만 가능 )과-->
<!--post(내용만 보내는 형태??, 보안이 중요한건)의 내용 정리하기!!-->
<form action="#" method="post" name="member">
<!--사용자가 직접 입력을 하게 하는것을 input태그의 text를 쓴다.-->
<!--text:이름, 아이디, 주소, 전화번호처럼 사용자가 입력할 수 있는것에 주로 사용한다.-->
<!--input태그의 text는 인라인태그이다.그래서 줄바꿈을 하고싶으면 <br>을 쓴다.-->
<!--placeholder 는 사용자에게 도움말또는 hint,을 전달 하고 싶을때, 글을 쓰면 없어짐-->
<!--required 필수 입력 필드 지정-->
<!--readonly 읽기 전용 필드, 사용자가 변경을 못하게 하고싶을때-->
아이디<input type="text" name="userID" placeholder="4자리 이상 입력요청">
<!--type="button" 은 버튼 value는 버튼에 쓰여지는 글자-->
<input type="button" value="ID중복확인" name="dubleChack"><br>
이름<input type="text" name="userName" required><br>
전화<input type="text" name="phone" required><br>
<!--password는 비밀번호형식으로 글자를 별표나 동그라미로 표시되는것-->
비밀번호<input type="password" name="pwd" required><br>
비밀번호확인<input type="password" name="pwd01" required><br>
<!--radio 여럿중 하나를 선택해야 하는것에 주로 사용 name 같으면 한그룹,
value 그룹에서 각각의 옵션을 구분하는 역할-->
생년월일<input type="text" name="birth" >
<input type="radio" name="birth" value="음">음
<input type="radio" name="birth" value="양">양<br>
성별 <input type="radio" name="gender" value="남">남
<input type="radio" name="gender" value="여">여<br>
<!--여러개중 여러개 고를때 checkbox-->
취미<input type="checkbox" name="hobby" value="축구">축구
<input type="checkbox" name="hobby" value="농구">농구
<input type="checkbox" name="hobby" value="야구">야구
<input type="checkbox" name="hobby" value="배구">배구
<input type="text" name="hobby">기타<br>
선택과목
<input type="checkbox" name="subject" value="국어">국어
<input type="checkbox" name="subject" value="영어">영어
<input type="checkbox" name="subject" value="프랑스어">프랑스어<br>
추천경로
<!--여러개중 한개를 고를때 select를 사용 한다.-->
<select name="추천경로">
<option value=""></option>
<option value="친구추천">친구추천</option>
<option value="인터넷 검색">인터넷 검색</option>
<option value="광고">광고</option>
</select>
<br>
<!--submit은 내용을 서버에 전달하는 버튼-->
<input type="submit" value="입력전송">
</form>
</body>
</html>
좋은개발자가 되기위한 삽질기록 노트