2-09.크롬 개발자도구

2023. 3. 29. 16:24Javascript/자바스크립트 제대로 배워볼래?

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
</head>
<body>
    <script>
        console.log("Hello World");
        console.info("Hello World");
        console.warn("Hello World");
        console.error("Hello World");
    </script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
</head>
<body>
    <script>
        console.log("Hello World");
        console.info("Hello World"); // 정보
        console.warn("Hello World"); // 경고
        console.error("Hello World"); // 에러

        var userList = [
            {firstName :"소영", lastName:"권", email:"so@gmail.com"},
            {firstName :"종국", lastName:"김", email:"kim@gmail.com"},
            {firstName :"재석", lastName:"유", email:"yu@gmail.com"},
            {firstName :"세찬", lastName:"양", email:"yang@gmail.com"},
        ]
        console.log(userList);
        console.table(userList);

        function a() {
            console.time();
            //code
            console.timeEnd();
        }
        // 시작과 끝 점 사이에 얼마나 시간이 걸렸는지  측정해준다
        console.time();
        console.timeEnd();

        console.log("This is %cstyle message", "color:yellow; background-color:blue; padding:4px;");
        
    </script>
</body>
</html>

'Javascript > 자바스크립트 제대로 배워볼래?' 카테고리의 다른 글

3-02.Scope  (0) 2023.03.29
3-01.this 키워드  (0) 2023.03.29
2-08.Window 객체  (0) 2023.03.29
2-07.JSON 객체  (0) 2023.03.29
2-06.Math 내장 함수  (0) 2023.03.29