์น ์ํ๋ฆฌ์ผ์ด์ ๋ง๋ค๊ธฐ [JS,PHP ์ด๋ก ]
๋ณ์
JS | PHP |
๋ณ์๋ช ; | $๋ณ์๋ช ; |
PHP๋ ๋ณ์๋ช ์์ ๋ฌ๋ฌํ์($)๋ฅผ ๋ถ์ฌ์ผ ํ๋ค.
๋ถ์ด์ง ์์ ๊ฒฝ์ฐ, Error๊ฐ ๋ฐ์ํ๋ค.
์ฐ์ฐ์
JS | PHP |
+ | + |
- | - |
* | * |
/ | / |
๋ฌธ์์ด์ ๋ํ ๊ฒฝ์ฐ JS๋ +์ฐ์ฐ์๋ฅผ ์ฌ์ฉํด ๋ฌธ์์ด์ ๋ํ ์ ์์ง๋ง,
PHP๋ ์ (.)์ ์ฌ์ฉํด์ผ์ง ๋ฌธ์์ด๋ผ๋ฆฌ์ ๊ฒฐํฉ์ด ๊ฐ๋ฅํ๋ค.
JS
document.wirte("์๋
"+"ํ์ธ์");
→ ์๋
ํ์ธ์
PHP
echo "์๋
"."ํ์ธ์"
→ ์๋
ํ์ธ์
๋น๊ต
JS | PHP |
== | == |
!= | != |
> | > |
< | < |
JS
document.write(1==1);
→ true
document.write(2==1);
→ false
PHP
var_dump(1==1);
→ bool(true);
var_dump(2==1);
→ bool(false);
์ด๋ ๊ฒ ๋น๊ต๋ true์ false ๋ ๊ฐ์ ๊ฐ๋ง ๋ฐ๋๋ค.
์ด๋ฌํ ๋ฐ์ดํฐ ํ์์ Boolean์ด๋ผ๊ณ ํ๋ค.
์ด๋ฐ True์ False๋ ์กฐ๊ฑด๋ฌธ์์ ๊ฐ์ฅ ์ค์ํ๊ฒ ์์ฉํ๋ค.
์กฐ๊ฑด๋ฌธ
JS | PHP |
if(ture/false) { } else { } |
if(ture/false) { } else { } |
์กฐ๊ฑด๋ฌธ์ ์ด๋ ๊ฒ if์ ์กฐ๊ฑด์์ด ์ฐธ์ผ ๊ฒฝ์ฐ if๋ฌธ ๋ธ๋ก{}์ด ์คํ์ด ๋๊ณ ,
๊ฑฐ์ง์ผ ๊ฒฝ์ฐ์๋ else๋ฌธ์ ๋ธ๋ก{}์ด ์คํ์ด ๋๋ค.
JS
if(1==1){
document.write("์ฐธ");
} else{
document.write("๊ฑฐ์ง");
}
→ ์ฐธ
PHP
$result = (1==2);
if($result){
echo "์ฐธ";
} else{
echo "๊ฑฐ์ง";
}
→ ๊ฑฐ์ง
JS ๋ก๊ทธ์ธ ๊ธฐ๋ฅ ๊ตฌํ
JavaScript์์ ๊ฐ์ ์ ๋ ฅํ๋ ๋ฌธ๋ฒ์ prompt์ด๋ค.
prompt("๋น๋ฐ๋ฒํธ");
์ด๋ฌํ ํ๋ฉด์ด ๋์ค๋ ๊ฑธ ํ์ธํ ์ ์๋ค.
์ด๋ ๊ฒ ์ฌ์ฉ์๊ฐ ์ ๋ ฅํ ๊ฐ์ ๋ณ์์ ๋ด์์ฃผ๋ฉด ํ์ฉํ ์ ์๋ค.
password = prompt("๋น๋ฐ๋ฒํธ");
์ด๋ ๊ฒ ๋ณ์๋ฅผ ์ง์ ํ ๋ค์ ์กฐ๊ฑด๋ฌธ์ ํ ์ํ๋ฉด ๊ฐ๋จํ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ์ ๊ตฌํํ ์ ์๋ค.
password = prompt("๋น๋ฐ๋ฒํธ๋ฅผ ์
๋ ฅํ์ธ์.");
if(password == 1111) {
document.write("๋ก๊ทธ์ธ์ด ์ฑ๊ณตํ์์ต๋๋ค.");
} else {
document.write("๋ก๊ทธ์ธ์ด ์คํจํ์์ต๋๋ค.");
}
์ด๋ ๊ฒ ์ฝ๋๋ฅผ ์ง์ฃผ๋ฉด ์ฌ์ฉ์๊ฐ ์ ๋ ฅํ๋ ๊ฐ์ด 1111์ผ ๊ฒฝ์ฐ ๋ก๊ทธ์ธ ์ฑ๊ณต์ด ํ์ธ๋๊ณ ,
๋ค๋ฅธ ๊ฐ์ ์ ๋ ฅํ๋ฉด ๋ก๊ทธ์ธ ์คํจ๊ฐ ํ์ธ์ด ๋๋ค.
PHP ๋ก๊ทธ์ธ ๊ธฐ๋ฅ ๊ตฌํ
PHP์์๋ input ํ๊ทธ๋ฅผ ํตํด ์ฌ์ฉ์์ ๊ฐ์ ์ ๋ ฅ๋ฐ์ ์ ์์ผ๋ฉฐ, form์ ํตํด ๋ก๊ทธ์ธ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ค.
<form action="8=2.php">
<p>๋น๋ฐ๋ฒํธ๋ฅผ ์
๋ ฅํด์ฃผ์ธ์.</p>
<input type="text" name="password">
<input type = "submit">
</form>
์ฌ๊ธฐ์ input type๊ณผ name์ ์ฌ์ฉ์๊ฐ ์ ๋ ฅํ ์ ๋ณด๊ฐ ๋๋ ๊ฒ์ด๊ณ , ๋ก๊ทธ์ธ ๋ฒํผ์ submit์ด ๋๋ค.
submit๋ฒํผ์ ์ฌ์ฉ์๊ฐ ๋น๋ฐ๋ฒํธ ์ ๋ ฅ ํ ํด๋ฆญํ ๊ฒฝ์ฐ, ๋ธ๋ผ์ฐ์ ๋ action์ ์ ํ url๋ก ์ด๋ํ
? password=์ ๋ ฅ๊ฐ์ผ๋ก ์ด๋ํ๊ฒ ๋๋ค. ์ด๋ฌํ ๊ฒ์ ์ฝ์ ์ด๊ธฐ ๋๋ฌธ์ ์ดํดํ๊ธฐ๋ณด๋ค๋ ๊ทธ๋ ๋ค๊ณ ์๊ฐํ๋ ๊ฒ์ด ํธํ๋ค.
๋ก๊ทธ์ธ ๊ธฐ๋ฅ์ ํ๊ณ ์๋ 8-2.php์ ์ฝ๋๋ ๋ค์๊ณผ ๊ฐ๋ค.
<?php
$password = $_GET["password"];
if($password == "1111"){
echo "๋ก๊ทธ์ธ์ ์ฑ๊ณตํ์์ต๋๋ค.";
} else {
echo "๋ก๊ทธ์ธ์ ์คํจํ์์ต๋๋ค.";
}
?>
์ฌ๊ธฐ์ $_GET์ ํน์ํ ๋ณ์์ด๋ค.
$_GET์ ์ฌ์ฉ์๊ฐ ์ ๋ ฅํ ์ ๋ณด ์ค์ password์ ๊ฐ์ ๋ฐ๋ ๋ณ์์ด๋ค.
๊ทธ๋ฆฌ๊ณ ๊ทธ $_GET์ $password์ ๋ฃ์ด์ฃผ๊ณ , JS์ ๊ฐ์ด if๋ฌธ์ ์ฌ์ฉํด ๋ก๊ทธ์ธ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ฉด ๋๋ค.
๋ฐ๋ณต๋ฌธ
while
JS | PHP |
while(true/false) { } |
while(true/false) { } |
while๋ฌธ์ true์ด๋ฉด ๋ธ๋ก{} ์์ ์๋ ๊ฐ์ด ๊ณ์ ๋ฐ๋ณต์ด ๋๋ค. ์กฐ๊ฑด์์ด false๊ฐ ๋ ๋๊น์ง.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
i=0;
while(i<10){
i++;
document.write("Hello World");
}
</script>
</body>
</html>
์ด๋ ๊ฒ while๋ฌธ์ ์ฌ์ฉํด ํ์ธํด๋ณด๋ฉด, Hello World๊ฐ 10๋ฒ ์ฐํ์๋ ๊ฒ์ ํ์ธํ ์ ์๋ค.
ํ์ง๋ง ์ค ๋ฐ๊ฟ์ด ๋์ง ์์ ์ฑ, ๊ฐ๋ก๋ก๋ง ์ญ ์ ํ์๋ค.
์ฌ๊ธฐ์ HTML ํ๊ทธ์ธ <br />์ ์ฌ์ฉํ๋ฉด ์ค ๋ฐ๊ฟ์ด ๊ฐ๋ฅํ๋ค.
<script>
i=0;
while(i<10){
i++;
document.write("Hello World<br >");
}
</script>
์ด๋ ๊ฒ ์ค ๋ฐ๊ฟ์ด ๋์ด ์ธ๋ก๋ก Hello World๊ฐ ์ ํ ๊ฑธ ํ์ธํ ์ ์๋ค.
PHP ๋ํ ๋์ผํ ๋ฐฉ๋ฒ์ผ๋ก ์ถ๋ ฅ์ด ๊ฐ๋ฅํ๋ค.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>JavaScript</h1>
<script>
i=0;
while(i<10){
i++;
document.write("Hello World<br >");
}
</script>
<h2>PHP</h2>
<?php
$i = 0;
while($i<10){
$i++;
echo "Hello World<br />";
}
?>
</body>
</html>
๋ฐฐ์ด
๋ฐฐ์ด์ ์ฐ๊ด๋์ด์๋ ์ ๋ณด๋ฅผ ํ๋์ ๊ทธ๋ฆ์ ๋ด์์ ์ฒด๊ณ์ ์ผ๋ก ๊ด๋ฆฌํ ์ ์๋ค.
JS | PHP |
list = new Array( "one","two","three" ); list[0]; |
$list = array( "one","two","three" ); $list[0]; |
<h1>JavaScript</h1>
<script>
list = new Array("one","two","three");
document.write(list[0]);
</script>
์ด๋ ๊ฒ list์ ์ธ๋ฑ์ค ๊ฐ์ผ๋ก 0์ ์ฃผ๊ฒ ๋๋ฉด 0๋ฒ์งธ ์ธ๋ฑ์ค๊ฐ ํธ์ถ์ด ๋๋ค.
ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์์๋ 0๋ฒ๋ถํฐ ์์์ ํ๋ค.
PHP๋ new๋ฅผ ์ฌ์ฉ ์ ํ๋ฉด ๋๊ฐ๋ค.
<h1>PHP</h1>
<?php
$list = array("one","two","three");
echo $list[2];
?>
๋ํ ๋ฐฐ์ด์ ์ธ๋ฑ์ค ๊ฐ์๋ฅผ ํ์ธํ๋ ๊ฒ๋ ๊ฐ๋ฅํ๋ค.
JS๋. length๋ฅผ ์ฌ์ฉํ๊ณ , PHP๋ count()๋ฅผ ์ฌ์ฉํ๋ค.
JS | PHP |
.length | count() |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>JavaScript</h1>
<script>
list = new Array("one","two","three");
document.write(list[0]+"<br />");
document.write(list.length);
</script>
<h1>PHP</h1>
<?php
$list = array("one","two","three");
echo $list[2]."<br />";
echo count($list);
?>
</body>
</html>
์ด๋ ๊ฒ JS์ PHP์ ๋ฐฐ์ด์ ๊ธธ์ด๋ฅผ ํ์ธํด๋ณด๋ฉด ๋ค์๊ณผ ๊ฐ๋ค.
๋ฐฐ์ด + ๋ฐ๋ณต๋ฌธ
๋ฐฐ์ด๊ณผ ๋ฐ๋ณต๋ฌธ์ ๋ฐ์ ํ ๊ด๊ณ์ด๊ธฐ ๋๋ฌธ์, ๊ฐ์ด ๊ณต๋ถํ๋ฉด ๋์์ด ๋๋ค.
JS | PHP |
list = new Array( "one,"two","three" ); i = 0; while( i < list.length ) { document.write(list[i]); i = i + 1; } |
$list = array( "one,"two","three" ); $i = 0; while($i < count($list)) { echo $list[$i]; $i = $i + 1; } |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>JavaScript</h1>
<script>
list = new Array("๊ฐ","์","๋ณ","์ ");
i = 0;
while(i < list.length) {
document.write(list[i]+"<br />");
i = i+1;
}
</script>
<h1>PHP</h1>
<ul>
<?php
$list = array("๊ฐ","์","๋ณ","์ ");
$i = 0;
while($i < count($list)){
echo "<li>".$list[$i]."</li>";
$i++;
}
?>
</ul>
</body>
</html>
์ด๋ ๊ฒ JS์ฒ๋ผ ๋ฐฐ์ด ์์ ๊ฐ๋ค์ ์ฐจ๋ก๋๋ก ์ถ๋ ฅ๋ ๊ฐ๋ฅํ๊ณ ,
HTML ํ๊ทธ์ธ <ul>๊ณผ <li>๋ฅผ ์ฌ์ฉํด์ ๋ฆฌ์คํธ ํ์์ผ๋ก๋ ์ถ๋ ฅ์ด ๊ฐ๋ฅํ๋ค.
JavaScript๋ ๋ฐฐ์ด์ ๊ฐ๋ค์ ์ค ๋ฐ๊ฟ์ผ๋ก ์ถ๋ ฅํ ๊ฒ์ด๊ณ ,
PHP๋ HTML ํ๊ทธ๋ฅผ ์ฌ์ฉํด ๋ฆฌ์คํธ ํ์์ผ๋ก ์ถ๋ ฅํ ๊ฒ์ด๋ค.
ํจ์
ํจ์๋ ๊ด๋ จ๋์ด์๋ ๋ณ์๋ ๋ฐ์ดํฐ ๊ฐ์ ๊ฒ๋ค์ ๋ฌถ์ด๋์ ๊ฒ์ด๋ค.
JS | PHP |
function function_name(){ } function_name(); |
function function_name(){ } function_name(); |
์ด๋ ๊ฒ JS์ PHP์ ํจ์ ์์ฑ ๋ฐ ์คํ๋ฐฉ๋ฒ์ ํฌ๊ฒ ๋ค๋ฅด์ง ์๋ค.
function function_name(){}์ ํตํด ํจ์์ ์คํํ๋ ๊ณผ์ ์ ์์ฑํ๊ณ ,
function_name();์ ํตํด ์์ฑํ ํจ์๋ฅผ ํธ์ถํ๋ ๊ฒ์ด๋ค.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>JavaScript</h1>
<script>
function a(){
document.write("Hello JS function");
}
a();
</script>
<h1>PHP</h1>
<?php
function a(){
echo "Hello PHP function";
}
a();
?>
</body>
</html>
์ด๋ ๊ฒ ํจ์๋ฅผ ์์ฑ ๋ฐ ํธ์ถ์ ํ ์ ์๋ค.
๋ํ ํ๋ฒ ์์ฑํ ํจ์๋ HTML ํ๊ทธ ์์์ ์ธ์ ๋ ์ง ํธ์ถ์ด ๊ฐ๋ฅํ๋ค.
์
๋ ฅ๊ฐ๊ณผ ์ถ๋ ฅ ๊ฐ
<script>
function a(input){
return input + 1;
}
document.write(a(6));
</script>
์ ์ฝ๋์์ a(6)์ 6์ ์ ๋ ฅ๊ฐ์ด๋ค.
6์ input๋ณ์์ ํ ๋น์ด ๋๊ณ , return์ ์ถ๋ ฅ ๊ฐ์ ์๋ฏธํ๋ค.
๊ทธ๋ฌ๋ฏ๋ก, a์ ์ ๋ ฅ๊ฐ 6์ ์ฃผ๊ฒ ๋๋ฉด, ํจ์์ ๋ก์ง์ ํตํด +1์ด ๋์ด์ 7์ด ์ถ๋ ฅ ๊ฐ์ผ๋ก ๋์ค๊ฒ ๋๋ค.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>JavaScript</h1>
<script>
function a(input){
return input + 1;
}
document.write(a(6));
</script>
<h1>PHP</h1>
<?php
function a($input){
return $input+1;
}
echo a(6);
?>
</body>
</html>
์ง๊ธ์ +1๋ง ํด์ฃผ๋ ํจ์๋ฅผ ์ฌ์ฉํ ๊ฒ์ด์ง๋ง,
ํจ์๋ฅผ ์ ์ด์ฉํ๋ค๋ฉด, ๋ณต์กํ ๊ณผ์ ๋ ํจ์ ํธ์ถ์ ํตํด ๊ฐ๋จํ ์ฌ์ฉํ ์ ์๋ค.
์ถ์ฒ: [์ํ์ฝ๋ฉ]์น ์ ํ๋ฆฌ์ผ์ด์ ๋ง๋ค๊ธฐ