Linux/Linux 실습

[Linux] 다양한 형식 웹 언어

GGkeeper 2021. 11. 12. 12:36

vi 편집기 명령어

: set noai
: set paste
i -> 붙여넣기

-- var2.html --
<!doctype html>
<html>
 <head>
  <meta charset="utf-8">
  <title>::: php 변수 :::</title>
 </head>
 <body>
<?
$a = 10;  // 변수 a에 10을 저장한다.
$b = 20;  // 변수 b에 20을 저장한다.
$hap = $a + $b;   // 변수 a 와 변수 b의 값을 더해서 변수 hap에 저장한다.
echo $hap;  // hap에 저장된 값을 화면에 출력한다.
?>
 </body>
<html>
-- var2.html --


radio 형식 웹 언어
-- radio.html --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title> ::: radio.html ::: </title>
</head>
<body>

<form method="get" action="radio.php">
<table align=center border=1  cellpadding=5 cellspacing=0>
<tr>
 <td> 당신이 좋아하는 동물은 무엇인가요 ? </td>
</tr>
<tr>
 <td> <input type=radio name=animal value=강아지 checked> 강아지
      <input type=radio name=animal value=고양이> 고양이 
      <input type=radio name=animal value=원숭이> 원숭이 
</td>
</tr>
<tr>
 <td align=center> <input type=submit value=전송></td>
</tr>
</table>
</form>

</body>
</html>
-- radio.html --


-- radio.php --
<html>
<head>
<meta charset="utf-8">
<title>  ::: radio.html 의 결과 ::: </title>
</head>
<body>

<?
echo "당신이 좋아하는 것은 " . $_GET['animal'] . " 입니다";
?>

</body>
</html>
-- radio.php --


Checkbox 형식 웹 언어


-- checkbox.html --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>  ::: checkbox.html ::: </title>
</head>
<body>

<form method="GET" action="checkbox.php">
<table align=center border=1  cellpadding=5 cellspacing=0>
<table align=center border=1  cellpadding=5 cellspacing=0>
<tr>
 <td> 당신이 사용하는 운영체제는 무엇인가요 ? </td>
</tr>
<tr>
 <td> <input type=checkbox name=osname1 value=리눅스 checked> 리눅스
      <input type=checkbox name=osname2 value=윈도우> 윈도우 
      <input type=checkbox name=osname3 value=유닉스> 유닉스 
      <input type=checkbox name=osname4 value=맥OS> 맥OS 
</td>
</tr>
<tr>
 <td align=center> <input type=submit value=전송></td>
</tr>
</table>
</form>

</body>
</html>
-- checkbox.html --


-- checkbox.php --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> ::: checkbox.html ::: </title>
</head>
<body>

<?php
echo "당신이 사용하는 OS는 <br>";
if(isset($_GET['osname1']))
    echo $_GET['osname1'] . "<br>";
if(isset($_GET['osname2']))
    echo $_GET['osname2'] . "<br>";
if(isset($_GET['osname3']))
    echo $_GET['osname3'] . "<br>";
if(isset($_GET['osname4']))  
    echo $_GET['osname4'] . "<br>";
echo  " 입니다";
?>
</body>
</html>
-- checkbox.php --


Password 형식 웹 언어


-- password.html --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>  ::: password.html ::: </title>
</head>
<body>

<form method="POST" action="password.php">
<table align=center border=1  cellpadding=5 cellspacing=0>
<tr>
 <td> 사용자 </td>
 <td> <input type=text name=username> </td>
</tr>
<tr>
 <td> 비밀번호 </td>
 <td> <input type=password name=userpass> </td>
</tr>
<tr>
 <td align=center colspan=2> <input type=submit value=전송></td>
</tr>
</table>
</form>


</body>
</html>
-- password.html --

-- password.php --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> ::: password.html ::: </title>
</head>
<body>

<?
print_r($_POST);
?>

사용자는 <?=$_POST['username'];?> 이고 비밀번호는 <?=$_POST['userpass'];?> 입니다. <br>

</body>
</html>
-- password.php --


Select 형 웹 언어

 

-- select.html --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>셀렉트 연습</title>
</head>
<body>

<form method="GET" action="select.php">
<table align=center border=1  cellpadding=5 cellspacing=0>
<tr>
 <td> 좋아하는 언어를 선택하세요 </td>
 <td> <select name=computerLanguage> 
      <option value=C> C
      <option value=C++> C++
      <option value=Python> Python
      <option value=HTML> HTML
      <option value=PHP> PHP
</td>
</tr>
 <td align=center colspan=2> <input type=submit value=전송></td>
</tr>
</table>
</form>

</body>
</html>

-- select.html --

-- select.php --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>셀렉트 연습</title>
</head>
<body>

<?
print_r($_GET);
?>

<p>

좋아하는 언어는 <?=$_GET['computerLanguage'];?> 입니다.

</body>
</html>
-- select.php --


Select 형식 웹 언어 - 2

 

-- select2.html --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>셀렉트 연습</title>
</head>
<body>

<form method="GET" action="select2.php">
<table align=center border=1  cellpadding=5 cellspacing=0>
<tr>
 <td> 좋아하는 언어를 선택하세요 </td>
 <td> <select name=computerLanguage[] multiple> 
      <option value=C> C
      <option value=C++> C++
      <option value=Python> Python
      <option value=HTML> HTML
      <option value=PHP> PHP
</td>
</tr>
 <td align=center colspan=2> <input type=submit value=전송></td>
</tr>
</table>
</form>

</body>
</html>

-- select2.html --

-- select2.php --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>셀렉트 연습</title>
</head>
<body>

<?
print_r($_GET);
?>

<p>

좋아하는 언어는 <br>
<?
if(isset($_GET['computerLanguage']['0']))
    echo $_GET['computerLanguage']['0'] . "<br>";
if(isset($_GET['computerLanguage']['1']))
    echo $_GET['computerLanguage']['1'] . "<br>";
if(isset($_GET['computerLanguage']['2']))
    echo $_GET['computerLanguage']['2'] . "<br>";
if(isset($_GET['computerLanguage']['3']))
    echo $_GET['computerLanguage']['3'] . "<br>";
?>

입니다.

</body>
</html>
-- select2.php --


Button 형식 웹 웬어


버튼은 아무런 의미가 없는 단순 버튼이므로 이 버튼에 이벤트가 발생하면 실행하는 자바스크립트 코드를 써주어야 한다.
onClick=""  : 버튼을 클릭하면 
alert('준비중') : 준비중 창이 실행된다.


-- button.html --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>버튼 연습</title>
</head>
<body>

<table align=center border=1  cellpadding=5 cellspacing=0>
<tr>
 <td> 좋아하는 언어를 선택하세요 </td>
<tr>
<tr>
 <td align=center> 
      <input type=button value=C onClick="alert('C 언어 선택')">
      <input type=button value=C++ onClick="alert('C++ 선택')">
      <input type=button value=Python onClick="alert('Python 선택')">
 </td>
</tr>
</table>

</body>
</html>
-- button.html --


Hidden 웹 언어

hidden 은 데이터를 서버로 보낼 때 보이지 않게 처리할 때 사용한다.

-- hidden.html --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>히든 연습</title>
</head>
<body>

<form method="POST" action="hidden.php">
<input type=hidden name=test1 value=100>
<input type=hidden name=test2 value=200>
<input type=hidden name=test3 value="hidden test">
<table align=center border=1  cellpadding=5 cellspacing=0>
<tr>
 <td> 아이디 </td>
 <td> <input type=text name=userid> </td>
</tr>
<tr>
 <td> 비밀번호 </td>
 <td> <input type=password name=userpass> </td>
</tr>
<tr>
 <td align=center colspan=2> <input type=submit value=로그인> </td>
</tr>
</table>
</form>

</body>
</html>

-- hidden.html --

-- hidden.php --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>히든 연습</title>
</head>
<body>

<?
print_r($_POST);
?>

<p>

사용자 아이디는 <?=$_POST['userid']?> 이고 비밀번호는 <?=$_POST['userpass']?> 입니다. <br>
test1 변수는 <?=$_POST['test1']?> 이고 <br>
test2 변수는 <?=$_POST['test2']?> 이고 <br> 
test3 변수는 <?=$_POST['test3']?> 입니다.

</body>
</html>
-- hidden.php --


파일 업로드 형 웹 언어

<input type=file> 은 클라이언트에서 서버로 파일을 업로드할 때 사용한다.
method="POST" : 파일 업로드는 POST 방식으로 보내야 한다.
enctype="multipart/form-data" : 파일 업로드

-- file.html --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>파일업로드 연습</title>
</head>
<body>

<form method="POST" action="file.php"
      enctype="multipart/form-data">
<table align=center border=1  cellpadding=5 cellspacing=0>
<tr>
 <td> 업로드할 파일 </td>
 <td> <input type=file name=upfile> </td>
</tr>
<tr>
 <td align=center colspan=2> <input type=submit value=업로드> </td>
</tr>
</table>
</form>

</body>
</html>
-- file.html --

-- file.php --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>파일업로드 연습</title>
</head>
<body>

<?
// 파일 업로드는 $_FILES 로 서버에 업로드된다.
print_r($_FILES);
?>

<p>

</body>
</html>
-- file.php --


-- file2.html --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>파일업로드 연습</title>
</head>
<body>

<form method="POST" action="file2.php"
      enctype="multipart/form-data">
<table align=center border=1  cellpadding=5 cellspacing=0>
<tr>
 <td> 업로드할 파일 </td>
 <td> <input type=file name=upfile> </td>
</tr>
<tr>
 <td align=center colspan=2> <input type=submit value=업로드> </td>
</tr>
</table>
</form>

</body>
</html>
-- file2.html --


-- file2.php --
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>파일업로드 연습</title>
</head>
<body>

<?
// 파일 업로드는 $_FILES 로 서버에 업로드된다.
print_r($_FILES);

// $_FILES['upfile']['name'] : 업로드하는 실제 파일명
// $_FILES['upfile']['tmp_name'] : 업로드되는 임시 파일명
// move_uploaded_file(임시파일명, 저장할파일명) : 업로드 함수
// data : 업로드 디렉터리

$name =  "data/" . $_FILES['upfile']['name'];
$imsi = $_FILES['upfile']['tmp_name'];

// $imsi 파일을 $name 으로 복사하므로 업로드가 되는 것이다.
// 여기서는 확장자 체크를 하지 않아서 보안에 문제가 생긴다.
// 이 부분은 웹보안 시간에 할 예정이니 참고만 하길 바란다.
move_uploaded_file($imsi, $name);

?>

<p>

</body>
</html>
-- file2.php --

 

업로드 설정
-- /etc/php.ini --
file_uploads = On
upload_max_filesize = 100M
post_max_size = 100M
-- /etc/php.ini --

# service httpd restart
# mkdir -m 777 data; ls -ld data
drwxrwxrwx. 2 root root 6  9월 11 12:38 data
# sestatus
# setenforce 0

'Linux > Linux 실습' 카테고리의 다른 글

[Linux] 도메인 + 가상 호스트 설정  (0) 2021.11.12
[Linux] DNS 서버 구축  (0) 2021.11.12
[Linux] 커널 보안 취약점 대처  (0) 2021.11.12
[Linux] HTML 로그인 페이지 구현  (0) 2021.11.11
[Linux] PHP 사용하기  (0) 2021.11.11