반응형
안녕하세요
알고리즘을 공부하는 개발자 Henry입니다~!!
오늘은 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 이라는 부분을 보면 로그가 찍히는 것을 발견하실 수 있습니다.
이런 방법은 간단한 방법이지만, 때로는 강력하게 작용할 수 있으니, 알아두시면 좋다고 생각합니다!
그럼 모두들 코로나 조심하시고, 건강하시길 바랍니다!
반응형
'IT' 카테고리의 다른 글
| ubuntu로 패키지 설치 시 subprocess 깨지는 오류 (0) | 2021.02.06 |
|---|---|
| 외부 -> AWS 인스턴스 접근 방법 (0) | 2021.02.06 |
| Django 설치 및 프로젝트 생성 - Ver 2 (0) | 2021.01.30 |
| Django 설치 및 프로젝트 생성 (0) | 2021.01.30 |
| 전산직 필기 시험 대비 (0) | 2020.11.12 |