'HTML'에 해당되는 글 5건
- 2019.10.11 :: GET과 POST
- 2019.10.06 :: [HTML]웹에 현재시간 추가하기
- 2019.10.05 :: [HTML] 글자크기 및 속성
- 2019.10.05 :: [HTML] 초간단 표 만들기
- 2019.06.19 :: Get방식과 Post방식
[GET하고 POST를 사용하는 이유]
Get과 Post는 HTTP프로토콜을 이용해서 서버에 데이터를 전달할 때 사용하는 메서드입니다.
데이터를 전달한다는 본질적인 기능적인 측면에서는 같다고 할 수 있습니다.
하지만, 세부적으로 보안과, 전달형식, 전달할 수 있는 데이터의 양에 따라 차이점이 발생합니다.
[GET]
Get은 주소줄에 값이 ?뒤에 입력한 정보가 노출되어, 정보를 보여주어도 상관없는 기능을 수행할 때 get 메소드를 수행합니다. GET은 길이제한이 있어서 많은 양의 데이터를 보내기가 어렵습니다.
get 방식은 post방식보다 빠르다고 할 수 있는데 get방식의 요청은 캐싱(캐시라고 하는 처리가 더 빠른 메모리 영역으로 데이터를 가져와서 접근하는 방식을 말합니다.)때문에 빠릅니다.
[Post]
Post는 입력할 정보를 숨겨 정보가 보이면 안될 때 주로 사용됩니다. Get과 다르게 요청시 데이터양의 제한이 없으며, url상에 나타나지 않아 보안상 좋습니다.
[GET과 POST]
GET은 가져온다는 개념이고, POST는 수행한다는 개념으로 받아들이면 이해하기 편합니다.
즉, get은 서버에서 어떤 데이터를 가져와서 보여줄 때 사용하며, 데이터의 내용이나 상태를 바꾸지 않을 경우에 사용합니다. 예를 들자면 게시판의 리스트라던지 글보기 기능 같은 것이 이에 해당됩니다. 반면에 post는 서버의 값이나 상태를 바꾸기 위해서 사용됩니다. 글을 쓰는 것으로 예를들자면 글의 내용을 저장하고, 수정할 때 post를 사용합니다. post방식이나 get방식 모두 보내는 데이터는 전부 클라이언트측에서 볼 수 있습니다. 단지 get방식은 URL에 데이터가 표시되어 별다른 노력없이 볼 수 있지만, 보안을 생각한다면 두 방식 모두 암호화 해야합니다.
'JSP' 카테고리의 다른 글
| GET / POST 한글깨짐 처리 방법 (0) | 2019.10.11 |
|---|---|
| [JSP] 쿠키와 세션 (0) | 2019.06.20 |
| [JSP] 영역(Scope)에 대한 정리 (0) | 2019.06.20 |
| [JSP] GET / POST 한글 깨짐 처리 방법 (0) | 2019.06.20 |
| Get방식과 Post방식 (0) | 2019.06.19 |
[완성품]]
[코드]
<html>
<head>
<title>현재 시간</title>
<script language="javascript">
function printClock(){
var date = new Date();
document.getElementById("result").innerHTML = "현재 시간 :"+ date.getHours() + "시" + date.getMinutes() +"분"+date.getSeconds()+"초";
setInterval(printClock,1000);
}
</script>
</head>
<body onload="printClock()">
<span id="result"></span>
</body>
</html>
'HTML,CSS,JS' 카테고리의 다른 글
| [HTML] 글자크기 및 속성 (0) | 2019.10.05 |
|---|---|
| [HTML] 초간단 표 만들기 (0) | 2019.10.05 |
[완성품]
[코드]
<html>
<head>
<title> 06 </title>
<script language="javascript">
function previewString(){
var objResult = document.getElementById("result");
var objText = document.getElementById("tbString");
var objFontColor = document.getElementById("fontColor");
var objFontSize = document.getElementById("fontSize");
var objOptions = document.getElementsByName("option");
var targetString = objText.value;
targetString = targetString.fontcolor(
objFontColor.options[objFontColor.selectedIndex].value);
targetString = targetString.fontsize(
objFontSize.options[objFontSize.selectedIndex].value);
if (objOptions[0].checked){
targetString=targetString.strike();
}
if (objOptions[1].checked){
targetString=targetString.bold();
}
if (objOptions[2].checked){
targetString=targetString.italics();
}
if (objOptions[3].checked){
targetString=targetString.toLowerCase();
}
if (objOptions[4].checked){
targetString=targetString.toUpperCase();
}
objResult.innerHTML = targetString;
}
</script>
</head>
<body>
<form>
<input type="text" name="my_text" size="30" id="tbString">
<input type="button" value="미리 보기"
onclick="previewString()">
<br>색상 :
<select id="fontColor">
<option value="Red">빨강</option>
<option value="Blue">파랑</option>
<option value="Green">초록</option>
</select>
<br>크기 :
<select id="fontSize">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select> <br>
<input type="checkbox" name="option" value="cancel">취소선
<input type="checkbox" name="option" value="thick">두껍게
<input type="checkbox" name="option" value="tip">기울임<br>
<input type="checkbox" name="option" value="s_letter">소문자로
<input type="checkbox" name="option" value="b_letter">대문자로<br>
<span id="result"></span>
</form>
</body>
</html>
'HTML,CSS,JS' 카테고리의 다른 글
| [HTML]웹에 현재시간 추가하기 (0) | 2019.10.06 |
|---|---|
| [HTML] 초간단 표 만들기 (0) | 2019.10.05 |
표 만들 때 사용하는 태그
| <table> | 표를 만드는 태그입니다. |
| <tr> | 표에서 행(가로)을 지정할때 쓰이는 태그입니다. |
| <td> | 내용이 들어가는 셀 하나를 만드는 태그입니다. |
| colspan | 좌우로 합치고자 하는 셀의 개수입니다. |
| rowspan | 상하로 합치고자 하는 셀의 개수입니다. |
[완성품]
[코드]
<html>
<head>
<title> 오늘의 수입/지출 </title>
</head>
<body>
<table width="400" height="250" border="2" align="center" cellspacing="0" >
<tr><!---첫번째줄--->
<td Colspan="3" bgcolor="Red">오늘의 수입/지출</td>
</tr>
<tr bgcolor="pink" align="center" ><!---두번째줄--->
<td >내용</td>
<td>수입</td>
<td>지출</td>
</tr>
<tr><!---세번째줄--->
<td align="center">월급!</td>
<td align="right">1,000,000</td>
<td align="right">1,000,000</td>
</tr>
<tr><!---네번째줄--->
<td align="center">점심값</td>
<td></td>
<td align="right">5,000</td>
</tr>
<tr><!---다섯번째줄--->
<td align="center">부모님선물</td>
<td></td>
<td align="right">30,000</td>
</tr>
<tr align="center"><!---여섯번째줄--->
<td rowspan=3 bgcolor="pink">총계</td>
<td>수입</td>
<td>지출</td>
</tr>
<tr><!---일곱번째줄--->
<td align="right">1,000,000</td>
<td align="right">35,000</td>
</tr>
<tr><!---여덟번째줄--->
<td align="center">남은 돈</td>
<td align="right">965,000</td>
</tr>
</table>
</body>
</html>
'HTML,CSS,JS' 카테고리의 다른 글
| [HTML]웹에 현재시간 추가하기 (0) | 2019.10.06 |
|---|---|
| [HTML] 글자크기 및 속성 (0) | 2019.10.05 |
[GET하고 POST를 사용하는 이유]
Get과 Post는 HTTP프로토콜을 이용해서 서버에 데이터를 전달할 때 사용하는 메서드입니다.
데이터를 전달한다는 본질적인 기능적인 측면에서는 같다고 할 수 있습니다.
하지만, 세부적으로 보안과, 전달형식, 전달할 수 있는 데이터의 양에 따라 차이점이 발생합니다.
[GET]
Get은 주소줄에 값이 ?뒤에 입력한 정보가 노출되어, 정보를 보여주어도 상관없는 기능을 수행할 때 get 메소드를 수행합니다. GET은 길이제한이 있어서 많은 양의 데이터를 보내기가 어렵습니다.
get 방식은 post방식보다 빠르다고 할 수 있는데 get방식의 요청은 캐싱(캐시라고 하는 처리가 더 빠른 메모리 영역으로 데이터를 가져와서 접근하는 방식을 말합니다.)때문에 빠릅니다.
형식 : http://xxx.xxx.co.kr/servlet/login?id=hi&name=hong
[Post]
Post는 입력할 정보를 숨겨 정보가 보이면 안될 때 주로 사용됩니다. Get과 다르게 요청시 데이터크기의 제한이 없으며, url상에 파라미터가 나타나지 않아 get형식보다 보안상 좋습니다.
[GET과 POST 어떤걸 사용해야하나요?]
GET은 가져온다는 개념이고, POST는 수행한다는 개념으로 받아들이면 이해하기 편합니다.
즉, get은 서버에서 어떤 데이터를 가져와서 보여줄 때 사용하며, 데이터의 내용이나 상태를 바꾸지 않을 경우에 사용합니다. 예를 들자면 게시판의 리스트라던지 글보기 기능 같은 것이 이에 해당됩니다. 반면에 post는 서버의 값이나 상태를 바꾸기 위해서 사용됩니다. 글을 쓰는 것으로 예를들자면 글의 내용을 저장하고, 수정할 때 post를 사용합니다. post방식이나 get방식 모두 보내는 데이터는 전부 클라이언트측에서 볼 수 있습니다. 단지 get방식은 URL에 데이터가 표시되어 별다른 노력없이 볼 수 있지만, 보안을 생각한다면 두 방식 모두 암호화 해야합니다.
'JSP' 카테고리의 다른 글
| GET / POST 한글깨짐 처리 방법 (0) | 2019.10.11 |
|---|---|
| GET과 POST (0) | 2019.10.11 |
| [JSP] 쿠키와 세션 (0) | 2019.06.20 |
| [JSP] 영역(Scope)에 대한 정리 (0) | 2019.06.20 |
| [JSP] GET / POST 한글 깨짐 처리 방법 (0) | 2019.06.20 |