푸르생 스토리

JavaScript 실행 방법과 콘솔 사용 방법 본문

개발/java script

JavaScript 실행 방법과 콘솔 사용 방법

푸르생 2021. 1. 4. 08:00
728x90
반응형
SMALL

 

해당 설명글은 윈도우에서 크롬 브라우저를 기준으로 하여 설명하는 글입니다.

 

브라우저의 콘솔 사용 방법

 

가장 먼저 브라우저를 실행 시키고

F12 버튼을 눌러줍니다.

그럼 우측에 Console 창이 뜹니다.

해당 콘솔창에서는

HTML 코드는 필요 없이

순수 JavaScript 언어만 사용하면 됩니다.

콘솔 창에

alert('Hello world');

라고 치고 엔터를 누르면

다음과 같이 얼럿이 뜨는것을 확인 할 수 있습니다.

 

그리고 다음과 같이 작성한 뒤 브라우저를 열어보면

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>
    <body>
        <script>
            alert('HTML Hello world');
            console.log('Console Hello world')
        </script>
    </body>
</html>

 

다음과 같이 얼럿과

콘솔 창에 Console Hello world 로그가 남는것이 보입니다.

 

 

얼럿은 브라우저 창에서

콘솔 로그는 콘솔창에서 뜨는것이 구분되는 이유는

 

매번 얼럿이 뜨면 팝업창을 끄는데 번거롭기 때문에

개발자의 편의상 콘솔 로그를 사용하는것이 좋습니다.

 

728x90
반응형
LIST
저작자표시 비영리 변경금지

'개발 > java script' 카테고리의 다른 글

JavaScript 수의 표현 방법 (1)  (0) 2021.01.09
JavaScript 줄바꾸는 방법과 여백 처리  (0) 2021.01.07
JavaScript의 주석을 다는 방법  (0) 2021.01.06
JavaScript 실행하기  (0) 2021.01.03
JavaScript는 무엇일까?  (0) 2021.01.02
'개발/java script' Related Articles more