웹 페이지에 코드 삽입하기

2017. 12. 18. 15:14

웹 페이지에 코드 삽입하기

우선 htdocs에 phpjs 라는 폴더를 만든다.

그 안에 1.php파일을 만든다.

1.php에 Hello world를 입력하고

localhost/phpjs/1.php 에 들어가보면 Hello world 가 출력되는 것을 확인할 수 있다.

다른 방법으로 기본 형식에 맞춰서 실행시켜 본다.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

  </head>
  <body>
    Hello world
  </body>
</html>

크롬에서 출력된 화면에 오른쪽 클릭하고 페이지 소스보기를 클릭하면

작성한 코드를 그대로 보여준다.

<?php ... ?> : php에 대한 내용이 들어간다. (HTML 태그는 아니고 php만의 독특한 형식이다.)

php 코드 : echo => 그대로 출력해주는 역할.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

  </head>
  <body>
    <?php
      echo "Hello world";
     ?>
  </body>
</html>

이렇게 입력하고

소스보기를 클릭하면 위와 똑같게 나오지 않는 것을 확인할 수 있다.

=> <?php 사이에 있는 것들은 php 엔진(=인터프리터) 에 의해 내부 코드가 웹페이지에 포함되게 되기 때문이다.

또다른 예시

<?php
      echo 10 + 10;
     ?>

소스보기로 본 결과

20

==> 무언가를 더하는 작업. HTML이나 CSS 에서는 불가능한 일이지만 PHP 에서는 가능한 일.

JavaScript를 삽입하기.

script 태그를 이용해서 삽입 가능하다.

<script>
       document.write("Hello world");
</script>

JavaScript 는 소스보기를 하면 작성한 내용 그대로 나타나는 것을 확인할 수 있다.

차이가 발생하는 이유

php => Server Side 언어이기 때문에 결과만 출력 (서버)

JavaScript => 웹 브라우저에서 실행되는 언어이기 때문이다. (클라이언트)

푸키키키