디버그

문제가 생겼을 때 찾을 수 있게


JavaScript 에서 에러

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

  </head>
  <body>
    <script type="text/javascript">
      doccument.write("Hello world");
    </script>
  </body>
</html>


document 라고 써야 하는데 doccument 라고 썼을 때, 웹브라우저의 도움을 받으면 오타를 쉽게 찾을 수 있다. 

크롬 -> 오른쪽 상단의 세로로 점 세개 클릭 -> 도구 더보기 -> 개발자 도구 -> Console 클릭




위와 같은 에러 화면 확인 가능 


php 에서 에러

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

  </head>
  <body>
    <script type="text/javascript">
      document.write("Hello world");
    </script>
    <?php
        

  </body>
</html>


위와 같이 php를 닫기를 안해주었다. 그러면

 


이러한 화면이 나온다. 에러를 찾는 방법은 

Atom -> File -> Openfile -> Wampstack -> apache2 -> logs -> error.log 클릭

txt 중에서 가장 밑에 있는 내용이 가장 최근에 발생한 error. 

[Mon Dec 18 20:02:23.691878 2017] [php7:crit] [pid 8896:tid 924] [client ::1:63567] PHP Parse error:  syntax error, unexpected '<', expecting end of file in C:\\Bitnami\\wampstack-7.1.12-0\\apache2\\htdocs\\phpjs\\3.php on line 14

이러한 에러메세지를 확인하고 에러 수정 가능 하다. 


보충수업 - error를 찾아서 보지 말고 error메세지를 화면에 바로 띄우게 해주기.

php.ini를 연다. (php폴더 안에 있다.)

Ctrl + F 로 display_errors 를 연다. 

477라인의 display_errors 를 On으로 바꿔준다. 

wamp-manager에서 Manage Servers에서 Restart를 누른다.   






















저작자표시 비영리 변경금지

'웹 프로그래밍' 카테고리의 다른 글

자바스크립트, PHP로 로그인 기능 구현하기  (0) 2017.12.19
변수  (0) 2017.12.18
데이터타입과 연산자  (0) 2017.12.18
웹 페이지에 코드 삽입하기  (0) 2017.12.18
PHP &amp; JavaScript  (0) 2017.12.18
데이터타입과 연산자

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>javascript</h1>
    <script>
      document.write(10+10);
      document.write("10"+"10");
    </script>
    <h1>php</h1>
    <?php
      echo 10+10;
      echo "10"+"10";
      ?>
  </body>
</html>


결과

javascript

201010

php

2020

-> Javascript 는 문자열 덧셈을 붙이는 것으로 하고 php 는 숫자로 바꿔서 덧셈 연산을 한 다음 출력한다. 

php에서 문자열끼리 더하고 싶다면 . 사용

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <h1>javascript</h1>
    <script>
      document.write(10+10);
      document.write("10"+"10");
    </script>
    <h1>php</h1>
    <?php
      echo 10+10;
      echo "10"."10";
      ?>
  </body>
</html>

저작자표시 비영리 변경금지

'웹 프로그래밍' 카테고리의 다른 글

변수  (0) 2017.12.18
디버그  (0) 2017.12.18
웹 페이지에 코드 삽입하기  (0) 2017.12.18
PHP &amp; JavaScript  (0) 2017.12.18
CSS 실습2  (0) 2017.12.17
웹 페이지에 코드 삽입하기

우선 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 &amp; JavaScript  (0) 2017.12.18
CSS 실습2  (0) 2017.12.17
CSS 실습1  (0) 2017.12.17

+ Recent posts

티스토리툴바