๐ŸŒ Web/์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ

์›น ์—ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ [JS,PHP ์ด๋ก ]

Kyle99 2022. 9. 16. 20:20

๋ณ€์ˆ˜

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๋งŒ ํ•ด์ฃผ๋Š” ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•œ ๊ฒƒ์ด์ง€๋งŒ,

ํ•จ์ˆ˜๋ฅผ ์ž˜ ์ด์šฉํ•œ๋‹ค๋ฉด, ๋ณต์žกํ•œ ๊ณผ์ •๋„ ํ•จ์ˆ˜ ํ˜ธ์ถœ์„ ํ†ตํ•ด ๊ฐ„๋‹จํžˆ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.


์ถœ์ฒ˜: [์ƒํ™œ์ฝ”๋”ฉ]์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋งŒ๋“ค๊ธฐ