본 게시글은 인프런 강의 "생활코딩 - 자바스크립트(JavaScript) 기본"를 보고 공부한 내용을 정리하고 있습니다.
[무료] 생활코딩 - 자바스크립트(JavaScript) 기본 - 인프런 | 강의
생활코딩의 자바스크립트 언어 기본 수업입니다. 기본 문법을 통한 자바스크립트 기본에 대해 배울 수 있습니다., - 강의 소개 | 인프런...
www.inflearn.com
크롬 개발자 도구 - 콘솔 사용법
크롬에서 간단하게 javaScript를 사용하는 방법에 대해서 알아보자.
- 크롬에서 'f12'버튼을 눌러서 개발자 환경을 실행한다.
- console에 원하는 코드를 입력하고 엔터를 눌러 실행한다.
alert를 사용하여 크롬에서 알림을 나타나게 하자.
alert('Hello world!');
console.log
알림은 너무 거창하다. 실행시킬때 마다 확인을 눌러 꺼야하는 번거로움이 있다.
그래서 log를 사용하려고 한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
console.log('Hello world');
</script>
</body>
</html>다음 코드를 실행하면 크롬화면에 알림이 나타나지 않는다.
대신 f12를 눌러 개발자 환경에 들어가면 'Hello world'라는 로그가 나타난 것을 볼수 있다.
'프론트엔드 > JavaScript' 카테고리의 다른 글
| 생활코딩 자바스크립트 기본 - 수의 연산 (0) | 2022.07.25 |
|---|---|
| 생활코딩 자바스크립트 기본 - 수의 표현 (0) | 2022.07.25 |
| 생활코딩 자바스크립트 기본 - 줄바꿈과 여백 (0) | 2022.07.24 |
| 생활코딩 자바스크립트 기본 - 주석 (0) | 2022.07.24 |
| 생활코딩 자바스크립트 기본 - 코드 작성과 실행 (0) | 2022.07.24 |