웹 페이지에 코드 삽입하기
우선 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 => 웹 브라우저에서 실행되는 언어이기 때문이다. (클라이언트)
'웹 프로그래밍' 카테고리의 다른 글
| 디버그 (0) | 2017.12.18 |
|---|---|
| 데이터타입과 연산자 (0) | 2017.12.18 |
| PHP & JavaScript (0) | 2017.12.18 |
| CSS 실습2 (0) | 2017.12.17 |
| CSS 실습1 (0) | 2017.12.17 |
