오늘은 Web Programming을 진행할 때 간단하게 디버깅하는 방법을 말씀드리려고 합니다.
웹 공부를 하면서 가장 마주치기 쉬운 문제는 어떤 변수에 값이 들어왔는지 아닌지 확인하는 경우라고 생각합니다.
이런 경우에는 간단하게 아래와 같은 java script 코드를 가지고 해결할 수 있습니다.
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript console.log() Method</h1>
<p>Press F12 on your keyboard to view the message in the console view.</p>
<script>
console.log("Hello world!"); <!-- 바로 여기입니다 -->
</script>
</body>
</html>
윗 부분을 보시면 script라는 태그 안에서 특정 값을 log로 찍어볼 수 있습니다.
이런 코드가 있을 때, 아래와 같이 개발하고 있던 페이지를 로딩하고 F12버튼을 누른 뒤,
상단의 Console 이라는 부분을 보면 로그가 찍히는 것을 발견하실 수 있습니다.
제가 만들고 있는 홈페이지 입니다.(Bootstrap 참조)
이런 방법은 간단한 방법이지만, 때로는 강력하게 작용할 수 있으니, 알아두시면 좋다고 생각합니다!
8. 이 폴더 내에서 runserver 명령어와 manage.py 파일을 통해 개발용 웹 서버를 띄울 수 있습니다.
>> python3 manage.py runserver
Performing system checks...
System check identified no issues (0 silenced).
You have 15 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.
Run 'python manage.py migrate' to apply them.
October 26, 2018 - 07:06:30
Django version 2.1.2, using settings 'mytestsite.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.
9. 아래와 같이 뜨면 성공입니다!
(웹 브라우저를 띄워서 http://localhost:8000으로 들어가면 됩니다.)
10. 지금까지 컴퓨터에 파이썬과 Django를 설치하면 기본적인 웹 화면을 띄워보았습니다.
